双飞翼布局怎么用？_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%;为什么要使用负边距，还有..为什么要定位，为什么这个DIV里要再加一个是什么意思，#middle-wrap-02 {
margin: 0 200px 0 150px;
这个又为什么要加........我问题描述的很乱...求大家详细的指点我
}
..

回复讨论(解决方案)

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

利用display:table和display:table-cell

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

不是啊，是左右固定宽高，中间自适应

左边
右边
中间

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

不是啊，是左右固定宽高，中间自适应

将我写的两栏一改就可以！我写的是左固定宽你在加一栏右固定宽，