当前位置:网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
日期:2009-07-02 17:27:49  来源:本站整理

CSS中的position定位教程 (1)

Andy

此时,如果你要对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所示。


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

上一页  [1] [2] 

  • 上一页  [1] [2] 

  • Tags:

    作者:佚名

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接- 网站地图

    Copyright 网络笔记 © 2009-2010 www.WLBIJI.cn . All Rights Reserved.
    我们还在努力  页面执行时间:8,718.75000 毫秒      粤ICP备09052723号
    用我们的软件产品将使您的推广更轻松,同时使您的推广成本降到最低! 站长QQ: 274191541