CSS在瀏覽器中定位div

Question

在任何瀏覽器中放置div的最佳方法是什么，因此我有以下設置：

全部div（包括以下所有div，寬度為800 px，居中於頁面中間）

div內容（以div全部居中）

div菜單左（在div全部內）和一個帶我的菜單項的li，距div全部左邊界固定距離10 px）

div菜單向右（全部div內），與div菜單向左相同，但從右側開始10 py

所以

全部div（div內容，div菜單向左，div菜單向右）

而且，如果我調整瀏覽器的大小，它會一直到div達到所有大小（800px）。 我猜你叫這種液體。

Answer 1

實驗使用％而不是px; 看到？

現在嘗試使用媒體屏幕：

<pre>
@media screen and (max-width: 1099px) {
/*your css code for small resolution*/
}

@media screen and (min-width: 1100px) {
/*your css code for big resolution*/

}
</pre>

看這個： http : //jsfiddle.net/Csje2/

Answer 2

這稱為液體布局，這是一篇涵蓋該文章的文章， 網址為http://www.maxdesign.com.au/articles/liquid/