style中position div定位和嵌套问题

    xiaoxiao2021-12-14  47

    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>
    转载请注明原文地址: https://ju.6miu.com/read-964904.html

    最新回复(0)