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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了双飞翼布局怎么用？_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1790字，纯文字阅读大概需要3分钟。

内容图文

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

#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

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

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

左边
右边
中间

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

不是啊，是左右固定宽高，中间自适应
将我写的两栏一改就可以！我写的是左固定宽你在加一栏右固定宽，

内容总结

以上是互联网集市为您收集整理的双飞翼布局怎么用？_html/css_WEB-ITnose全部内容，希望文章能够帮你解决双飞翼布局怎么用？_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---