div层定位时:如果先用absolute,下面使用relative定位,则正确写法是上面div css中使用top left等属性定位位置,下面relative定位使用margin 属性,否则出现问题。
div内部嵌套情况:一个div内部嵌套多个div,一行显示,需要设置属性,display: block; float: left;比如:下面是嵌套3个div的情况,分别设置div占比,相加恰好100%;
这个时候有个问题,如果div设置margin或border宽度,相加之和大于100%,则最后一个div会下移到另外一行。此时可以考虑使用table或ul来处理。
<style>
.tb{
width:100%;
height: 60px;
margin:0 auto;
}
.tb .t1{
width:20%;
height: 60px;
border:0;
margin-left: 0px;
display: block;
float: left;
/*display: inline-block;
display: -moz-inline-box;*/
}
.tb .t2{
width:60%;
height: 60px;
margin-left: 0px;
border:0;
display: block;
float: left;
/*display: inline-block;
display: -moz-inline-box;*/
}
.tb .t3{
width:20%;
height: 60px;
margin-left: 0px;
border:0;
display: block;
float: left;
/*display: inline-block;
display: -moz-inline-box;*/
}
</style>
<div class='tb'>
<div class='t1'>
</div>
<div class='t2'>
</div>
<div class='t3'>
</div>
</div>