Wierd填充或右边浮动元素的边距

Question

我刚开始使我的网站响应，但由于某种原因，语言div（#lang）设置为正确浮动，但是右边有一个小的边距的。有没有填充设置它的父div＃容器，虽然，我不明白。

该网站是http://www.cuonic.com和CSS文件是http://www.cuonic.com/css/style.css

我还使用从Meyerweb一个reset.css。任何帮助表示赞赏:)

Answer 1

这实际上是因为#content上的填充和宽度而发生的。

宽度为100％，填充为20px。

百分比宽度计算相对于父母，所以说100％意味着采取整个辣酱玉米饼馅。

在布局文件时（我知道，令人困惑），填充是添加了宽度的，结果是布局宽度为100％+ 40px（在两侧填充）。

有几种方法可以解决这个问题：

上＃内容使用百分比宽度（比如90％），以百分比填充（5％），它会自行消失。

或者你可以在＃内容改变box-sizing property是边界框

Answer 2

你只需要从＃内容删除width: 100%。你的填充加width: 100%;导致div扩展到容器之外。