0

请访问网站: http: //viewlike.us/并将分辨率更改为例如 1920x1200 - 在大多数情况下,标题(带有输入表单和提交按钮的 div)不再是 100%。如何避免这种情况?我尝试使用 width:100% !important, min/max width - 但没有成功。我想应该有一个小技巧/修复或某事来避免它,但我在缺乏想法而苦苦挣扎..谢谢~!

4

1 回答 1

0

我认为该width属性的默认值适用auto于大多数元素。在这种情况下,<div>正在扩展到其父元素的 100%,在您的情况下是<body>. 由于<body>标签没有width定义,它将默认为浏览器窗口的 100%。因此,即使位于分辨率选择栏下方的页面宽度大于浏览器窗口的宽度,顶部栏(URL 条目和分辨率选择)仍然具有浏览器窗口的宽度。这就是为什么当您向右滚动时会看到它们的边缘。

您可能想尝试position: fixed结合 CSS 属性topleft顶栏使用。这样,即使您向右滚动页面,这些栏也会显示在屏幕上。(我简单地尝试过,它应该可以工作。)

希望对你有帮助!

于 2012-04-11T13:58:33.063 回答