调整浏览器大小+水平滚动= Div显示隐藏

时间:2012-06-29 23:15:21

标签: html browser horizontal-scrolling

当您将浏览器的尺寸调整为宽度不足1,000像素,然后向右水平滚动时,所有包含的div保持与浏览器窗口相同的宽度,并且不会扩展到整个宽度。

页脚和正文的宽度为100%。

以下是我所测试的所有浏览器中所讨论的内容的示例,所以我假设1个解决方案将解决所有问题

Opera 12.0
Firefox 11.0
Chrome 20.0.1132.47
Safari 5.1.1
IE 9.08

此处的工作示例:http://glustik.com/siteTemplate2012/

enter image description here

非常感谢专家的任何建议。 谢谢你的时间。

1 个答案:

答案 0 :(得分:0)

根据stackoverflow上其他问题的解决方案:为div添加min-width属性应该可以解决问题。

在你的情况下,我想:

min-width: 1024px;

(宽度:100%仅表示视口的100%)

另见:

100% width bg images not extending on horizontal scroll

CSS 100% width on browser resize