style中position div定位和嵌套问题

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>