CSS中的定位（position） - PHP程序员站--PHP程序员之家 PHP新手教程 PHP高级技巧 PHP新闻 PHP源码下载 PHP专题 Zend产品

| 论坛登录 | 游客访问 | 免费注册 | 忘记密码

RSS订阅

高级搜索

收藏本站

当前位置：主页 >> 网页制作 >> CSS >> 文章内容

CSS中的定位（position）

[收藏此页] [打印本页]

来源：互联网作者：未知发布时间：2007-12-22

以下为引用的内容：
<body>
<div id="box">
<div id="nav">
<p>每个显示元素都可以用定位的方法来描述，而其位置由此元素的<strong>包含块</strong>来决定的。</p>

</div>
</div>
</body>
phperz.com

　　此时，如果你要对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;
} phperz.com

PHP程序员站

　　其显示效果如图3所示。

www~phperz~.com

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

PHP程序员站--PHP程序员之家

[收藏此页] [打印本页] [返回顶部]

上一篇：在IE流览器中正确显示PNG透明图片下一篇：水平对齐(text-align)

·一生要记住的五句话
·MYSQL出错代码列表
·MySQL 常用命令
·php读取mysql数据库乱码解决方法
·mysql中文乱码产生原因及解决方法
·Mysql中校对集utf8_unicode_ci与utf8_general_ci的区别
·MySQL平台数据库备份方案详细说明
·关于Mysql 4.1语言问题的完美解决方法
·小谈MySQL字符集
·DEDECMS文章点击数为0的解决方法

发表评论

全部评论(0条)

站内搜索
热门搜索　mysql 　基础　 php基础　 url

高级搜索网站地图站长工具 IP查询收藏本站

热点文章

·五日精通CSS层叠样式表
·div+css:tab风格导航
·CSS+DIV实现的表单效果
·让文章里图片自动缩小的几种方法
·IE与Firefox的CSS兼容大全
·在IE流览器中如何让PNG图片透明
·水平对齐(text-align)
·五日精通CSS层叠样式表之第二日(3)
·五日精通CSS层叠样式表之第三日(3)
·五日精通CSS层叠样式表之第三日(5)
·五日精通CSS层叠样式表之第三日(7)
·五日精通CSS层叠样式表之第五日(7)

网站首页 | 网站地图 | 高级搜索 | RSS订阅