0

每当我将图像放在我的一个流体网格布局列中时,我都会遇到这个相当奇怪的问题。当页面宽度大于 400px 时,页面宽度计算正确。但是当我把它缩小到 400 像素以下时,页面保持相同的宽度,你必须左右滚动。

当我将宽度图像的容器设置为 50% 时,问题甚至仍然存在。图像及其容器会缩小,但包含图像容器的 div 仍会扩展超出屏幕宽度。如果我设置显示:无;在图像上,或完全删除它,问题就会消失并且页面的宽度正确适合屏幕。

谢谢!

该页面:http ://cdhinternational.org/index3.html我在底部的图像上遇到了问题。(Firefox 中的响应式设计模式是重现问题的好方法。只需将其设置为 320x480 像素。)

4

1 回答 1

1

您需要设置内容容器的宽度。

#content-container { width: 100%; }应该做。

PS内容容器向左浮动的任何特殊原因?如果您float: left;从内容容器中删除也应该这样做。

于 2013-10-02T03:52:47.517 回答