我基本上刚刚开始让我的网站响应,但由于某种原因,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上的框大小属性更改为边框框