使我的網站流體

我試圖創建一個「流體」的網站，並在我的CSS文件：使我的網站流體

page-wrap{ 
    min-width: 780px; 
    max-width: 1260px; 
    margin: 10px auto; 
    }

在我的頁面模板，我有我的文字的主體設定的寬度的80％和居中。我的意圖是，當我將瀏覽器窗口變小時，它將移除身體左側和右側的空白區域，直到身體周圍沒有空間。此時，會出現一個水平滾動條。我不確定我是否清楚地說明了這一點，但是一個例子就像是stackoverflow.com，當你縮小瀏覽器窗口時，刪除正文左側和右側的空白。不幸的是，與我所擁有的一樣，當我的主體調整到80％的寬度時，我的主體周圍的空間保持不變。那麼，我需要做些什麼來糾正它並實現我想要的結果呢？我是否需要一個固定大小而不是百分比？

來源

2011-03-13 oipsl

有關流體網格和自適應網頁設計的優秀文章：http://www.alistapart.com/articles/fluidgrids/ http://www.alistapart.com/articles/響應式網頁設計/ – Dan

您有正確的預感來修復寬度。 –

這很簡單，你所需要做的就是在頁面上使用自動頁邊距的div來固定寬度。

#page-wrap 
{ 
    width:780px; 
    margin:10px auto; 
}

忘記最小/最大寬度。

來源

2011-03-13 22:58:42 Ben

目前還不清楚。如果您使用寬度爲可用窗口寬度的80％，則團體調整大小以適應... 您必須爲中心部分固定寬度。

我用這個：

#centerdiv { 
position: absolute; 
width:950px;  
left: 50%; 
margin-left:-475px; }

來源

2011-03-13 23:00:50 Atika

使我的網站流體

回答

相關問題