在窗口浏览器上有一个div伸展

Question

我有一个div，我想拉伸整个屏幕。它具有100％的宽度但是当浏览器大小改变时，缩小尺寸，它只能达到该尺寸的100％。我将它改为1000像素，但在我的桌面上它没有伸展。

基本上我想要一个类似于Google在其主页顶部的div。在哪里，如果窗口缩小，它根本不会改变，并且在每台台式机/笔记本电脑的分辨率上都会被拉伸100％

Answer 1

您应该使用min-width来扩展较大屏幕的<div>，而不是较小屏幕上的1000 {1}

div {
    min-width: 1000px;
    width: 100%;
}

Answer 2

Google在其标题上定义了最小宽度：

header {
    /* width: auto; possible to omit since it's the default value*/
    min-width: 1000px;
}

示例：http://jsfiddle.net/E78WE/

Answer 3

你可以尝试这样的事情：

.thisStyle { min-width: 1000px; position:absolute; z-index: 9999; width:100%; height:20px; top: 0; left: 0; color: #ffffff;}

并在身体上添加一个div：

<div class="thisStyle">this is some content</div>

并按照您希望的样式设置样式（背景颜色等）

Answer 4

Google就是这样做的：）

min-width：980px; 位置：绝对; 宽度：1663px;