| 以下是引用片段： body { margin:0; padding:0; text-align:center; } #box{ background:#ff0; position:relative; /* 使box层成为其子孙元素的包含块 */ width:500px; height:200px; margin:0 auto; } #nav { background:#ccc; position:absolute; /* nav层将在box层的边框范围内绝对定位 */ top:20px; left:40px; width:200px; } |
其显示效果如图3所示。
因此，掌握了包含块的概念，定位就变得不那么困难了。
