页面布局中的盒子宽度问题
0
悬赏园豆：20
[已关闭问题]
关闭于 2016-05-31 17:02
实现页面自动剧中布局,#wrap顶部底部与浏览器无边距;使用浮动实现#left和#mid横行两列排版,之间有13px间距;使用position定位实现#right自适应宽度横行排版,与#mid间距17px.
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:14px;}
#right{position:absolute;border:1px solid #999;margin-left:793px;}
</style>
疑问:#mid#right中的left是否计算正确?#mid中的width:650px;这个650px是否包含了margin+border+padding的宽度?
