Question

好的，如果你去看看http://furnace.howcode.com，你会看到这个例子。 [该网站正在积极开发，所以原谅开发人员之间的混乱/评论;）

重新创建问题：点击“评分最高”标签。单击“PHP Array Looping”结果（这是最好的示例。请注意，数据是通过Ajax获取的，可能需要一些时间才能加载）。

在第三列空间中，将返回条目*。

尽管总宽度为#col1 + #col2 + #col3 = 100%，但浏览器仍然在右侧添加了30px的边距。大概这是滚动条会去的地方但是有没有办法可靠地填充那个空间？可悲的是，身体标签overflow-x: hidden;没有任何区别。

我还有一个问题，我认为这与此处的问题有关。我希望#col3结果应用padding-left: 10px;。现在在盒子模型中，我理解填充不会改变外部空间而是改变内部空间 - 遗憾的是，当我将padding-left: 10px;设置为#col3时，它会从页面上消失。已经很晚了，我已经累了，咖啡因含量很低，但我无法理解为什么......！：）

谢谢，真的很感谢帮助！我测试的浏览器：谷歌浏览器，Firefox 3.6（都在Mac上）

杰克

**对于丑陋的造型感到抱歉，我们已经完全重新考虑了设计，但我还没有能够重新设计它。*

Answer 1

您为3列设置了最大宽度：

#col1
    max-width: 124px
#col2
    max-width: 529px
#col3
    max-width: 729px

这些是在第349行的http://furnace.howcode.com/scaffold/index.php?f=/stylesheets/master.css中设置的。

我建议您在Google Chrome浏览器中查看“检查元素” - 您可以轻松更改CSS以试用它，看看它是否被其他任何样式覆盖，因为我猜你的填充物正在发生。

CSS - 奇怪的浏览器问题，100％宽度的流体布局，为什么？

1 个答案: