首页 新闻 赞助 找找看

页面布局中的盒子宽度问题

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的宽度?

问题补充:

第二个已经测试了,650px只是内容的宽度,没有包含内外边距和边框.

孤风落叶的主页 孤风落叶 | 初学一级 | 园豆:164
提问于:2016-05-31 15:50
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册