我刚刚开始使我的网站具有响应性，但由于某种原因，设置为向右浮动的语言 div (#lang) 是向右浮动的，但其右侧有一小部分边距。虽然没有填充将其设置为父 div #container，但我无法理解。
网站是http: //www.cuonic.com，CSS 文件是http://www.cuonic.com/css/style.css
我也在使用来自 Meyerweb 的 reset.css。任何帮助表示赞赏:)
问问题
124 次
2 回答
1
您只需width: 100%要从#content 中删除。您的 padding pluswidth: 100%;导致 div 扩展到容器之外。
于 2012-08-30T01:28:50.523 回答
0
这实际上是由于#content 上的填充和宽度而发生的。
宽度为 100%，内边距为 20px。
百分比宽度是相对于父项计算的，所以说 100% 意味着吃整个辣酱玉米饼馅。
布局文档时，填充与宽度相加（我知道，令人困惑），结果是布局宽度为 100% + 40px（两边都有填充）。
有几种方法可以解决此问题：
在#content 上使用百分比宽度（比如 90%）和百分比填充（5%），它就会消失。
或者您可以将 #content 上的box-sizing 属性更改为border-box
于 2012-08-30T01:28:28.127 回答