我刚刚基本上开始使我的网站响应,但由于某种原因,语言div(#lang)设置为向右浮动,是向右浮动,但在右边有一个小的边距。没有填充设置为父div #container,但我无法理解。
网站为http://www.cuonic.com,CSS文件为http://www.cuonic.com/css/style.css
我也在使用Meyerweb的reset.css。任何帮助表示赞赏:)
答案 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