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



我基本上刚刚开始让我的网站响应,但由于某种原因,Languagediv(#lang)设置为向右浮动,是向右浮动的,但在它的右侧有一个小的空白。不过,没有填充将其设置为父div#容器,这是我无法理解的。

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

我还使用了来自Meyerweb的reset.css。感谢您的帮助:)

您只需要从#content中删除width: 100%。您的填充加上width: 100%;导致div扩展到容器之外。

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

宽度为100%,填充为20px。

百分比宽度是相对于父对象计算的,所以说100%意味着取整个enchilada。

在布局文档时,填充是与宽度相加的(我知道,这很令人困惑),结果是布局的宽度是100%+40px(两边都有填充)。

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

在#content上使用百分比宽度(比如90%),加上百分比填充(5%),它就会消失。

或者,您可以将#content上的框大小属性更改为边框框

最新更新