提交定位上下文

redstar-lab/html/cp3/css/postion.css

@@ -12,6 +12,31 @@ p{
     padding:10px;
 }
 
+div#menu{
+    border: 1px solid #cccccc;
+    background-color:rgba(200,200, 200, 0.2);
+    width:300px;
+    padding:10px;
+    position: relative;
+    
+}
+
+div#submenu{
+    position: absolute;
+    top:80px;
+    left:10px;
+    background-color:rgba(200,150, 200, 0.2);
+    padding:10px;
+}
+
+div p{
+    border: none;
+    width:100%;
+    background:none;
+    line-height:30px;
+    padding:0;
+}
+
 p#relative{
     position:relative;
     background-color:rgba(100,200, 200, 0.2);

redstar-lab/html/cp3/postion.html

@@ -35,5 +35,14 @@
 <p><span class="num">#017</span> 众人：挪，挪，挪。</p>
 <p><span class="num">#018</span> 关羽：闪开。</p>
 <p><span class="num">#020</span> 围观者：挪呀，好汉，挪呀，好汉，走。</p>
+
+
+<div id="menu">
+    <h2>关二爷,请做个选择?</h2>
+    <div id="submenu">
+        <p><a href="#">挪动井盖</a></p>
+        <p><a href="#">不挪动井盖</a></p>
+    </div>
+</div
 </body>
 </html>