CSS教程:CSS中的定位（position）

作者佚名技术来源 CSS技术浏览发布时间 2012-03-05

都可以用定位的方法来描述，而其位置由此元素的<strong>包含块</strong>来决定的。</p>
</div>
</div>
</body>

　　此时，如果你要对nav绝对定位，则需设置css：
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所示。
/files/allimg/071219/1134452.gif

　　因此，掌握了包含块的概念，定位就变得不那么困难了。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2 3

分享到：更多

你可能对下面的文章感兴趣

上一篇: WEB标准学习,认识两种网页声明的含义下一篇: CSS模块化设计——从空格谈起

关于CSS教程:CSS中的定位（position）的所有评论