首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

(转)关于div相对定位跟div绝对定位的说明实例

2012-10-09 
(转)关于div相对定位和div绝对定位的说明实例stylebody{margin: 30px font-size:9pt}.a, .b, .c, .d,

(转)关于div相对定位和div绝对定位的说明实例
<style>
body
{margin: 30px; font-size:9pt;}
.a, .b, .c, .d, .e
{
width: 100px;
height: 100px;
margin: 5 auto;
color: #fff;
background: #000;
}
.aa, .bb, .cc, .dd, .ee
{
top: 10px;
left: 10px;
width: 10px;
height: 10px;
overflow: hidden;
background: #F90;
}
.b, .d, .e
{position: relative;}
.cc, .dd, .ee
{position: absolute;}
</style>
<div style="background:#ff0000">
<div ></div>
D:外div设置relative,内div设置absolute,内div浮起来并相对于外div定位
</div>
<div style="background:#ff0000">
<div style="position:relative"></div>
D:外div设置relative,内div设置relative,内div浮起来并相对于外div定位
</div>
<div style="left: -10px;"></div>
E:这个是说明边界问题。-10 != 反向10px间距
</div>

热点排行