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

时间:2012-08-30 01:19:30

标签: css html margin padding

我刚刚基本上开始使我的网站响应,但由于某种原因,语言div(#lang)设置为向右浮动,是向右浮动,但在右边有一个小的边距。没有填充设置为父div #container,但我无法理解。

网站为http://www.cuonic.com,CSS文件为http://www.cuonic.com/css/style.css

我也在使用Meyerweb的reset.css。任何帮助表示赞赏:)

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

百分比宽度是相对于父母计算的,所以说100%表示采取整个辣酱玉米饼馅。

填充文档时填充宽度是添加的(我知道,令人困惑),结果是布局宽度为100%+ 40px(两侧填充)。

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

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

或者您可以将#content上的box-sizing property更改为border-box