双飞翼布局怎么用？_html/css_WEB-ITnose

我做出来的是这样的，这是为什么啊？

#div-middle-02 {
float: left;
background-color: #fff9ca;
width: 100%;
height: 50px;
}

#middle-wrap-02 {
margin: 0 200px 0 150px;
}

#div-left-02 {
float: left;
position: relative;
background-color: red;
width: 150px;
margin-left: -100%;
height: 50px;

}

#div-right-02 {
float: left;
position: relative;
background-color: yellow;
width: 200px;
margin-left: -200px;
height: 50px;
}
这是我看别人的代码，为什么要margin-left:-100%;为什么要使用负边距，还有..为什么要定位，

回复讨论(解决方案)

双飞翼布局是什么东东？是左右两栏式布局？

利用display:table和display:table-cell

双飞翼布局是什么东东？是左右两栏式布局？

左边
右边
中间

双飞翼布局是什么东东？是左右两栏式布局？