流体100%宽度显示大水平滚动

时间:2010-11-20 11:08:28

标签: html css

我无法理解这一点 - 但我确信有人可以......我正在设定一个新的流体宽度设置为100%,并为内容包装器设置最小和最大宽度。

当标题区域未设置为溢出时出现问题:隐藏 - 即使边距设置为自动且不应出现溢出,也会出现大的水平滚动。 Here's a link

如果有聪明的人可以用一双新眼睛检查出来,那将是一个很大的帮助!例如。使用Chrome检查器,您可以看到代码,或者我可以发布CSS(当前是内联的,直到我分配div ID和类)...

2 个答案:

答案 0 :(得分:0)

你标题下有4个div你有3个相对定位的div ...它们的边距超过600 px,宽度为100%,并且位于距左侧几百个像素的位置...删除这些固定了滚动问题但也删除了一些标题,会发布屏幕......

alt text

这次给它们适当的宽度......

答案 1 :(得分:0)

这是因为两个div包含标题上的鸟。 div是块级元素,这意味着它们假设父级的宽度,并且相对定位,所以当它们被移动时,它们会从包含div的右侧推出并创建滚动条。如果您为两个div

添加背景,就会看到以下内容

alt text

这里的解决方案是简单地为div两个宽度分配。