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>