在窗口瀏覽器中有一個div伸展

Question

我有一個div，我想伸展整個屏幕。它具有100％的寬度，但是當瀏覽器尺寸發生變化時，尺寸縮小，它只能達到該尺寸的100％。我把它改成了1000像素，但在我的桌面上它不能伸展。

基本上我想要一個類似於Google首頁頂部的div。其中，如果收縮的窗口，它並沒有改變，並被伸展100％每一個臺式機/筆記本電腦的分辨率

Answer 1

你可以嘗試這樣的事：

.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 2

您應該使用min-width伸展<div>對於更大的屏幕，而不是去1000像素下的較小的：

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

Answer 3

谷歌已經在它的頭文件中定義的最小寬度：

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

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

Answer 4

這是谷歌怎麼做它:)

min-width：980px; position：absolute; width：1663px;