100%宽度分割截止

时间:2011-08-01 07:51:45

标签: html header width footer

我的HTML页面中有一些width: 100%;分区,但是当我放大页面或查看低分辨率时,某些内容超出了屏幕的水平限制(因此出现水平滚动条),我发现向右滚动会导致我的100%宽度分割切断。

此效果如下所示:

The 100% width header is cut-off when scrolling horizontally

1 个答案:

答案 0 :(得分:0)

此网页也发生了同样的情况,此处是Stack Overflow。如果使用FF5.0放大,向右滚动时页脚和页眉会被“剪切”。这是因为内容div必须在右边溢出。

我认为你想要避免副作用(它不美观,并且在页面中导航更难)。

解决方案可能是没有具有最小宽度的div(例如,此网页的div#内容为960px),而是可变(50%)。如果你放大,宽度= 50%将保持50%,它不会溢出。

PS:但最好有一些JavaScript代码为你做缩放,这样你就可以或多或少地控制最终用户点击你提供的缩放按钮时所看到的内容,页面。