style中position div定位和嵌套问题

来源：互联网发布：java dao设计模式编辑：程序博客网时间：2024/06/05 15:22

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>

0 0