html div floating and sizing

Question

我想製作一個使用100％屏幕空間的網頁。我有兩個div：

月1日 - 菜單固定寬度（〜250像素）
2日 - 什麼留給

的誤導性的一部分，我的是，菜單股利是不是在第二格。他們都在一個包裝div（100％寬度）。問題是，如果我爲第二個div編寫100％寬度，它會在菜單下方顯示。如果我寫出較少的百分比，我不確定它將如何以較小的分辨率顯示。

是否有一些負面的大小或東西？ ATM。第一個div浮動左邊，第二個div浮動右邊。

UDPATE：這裏是一些代碼：

div.main { 
    width: 100%; 
} 
div.1st { 
    width: 250px; 
    float: left; 
} 
div.2nd { 
    width: 100%; #here should be the space that is left in the main div# 
    float: right; 
} 

<div class="main"> 
    <div class="1st">menu</div> 
    <div class="2nd">content</div> 
</div> 

問題：內容可以是一樣寬，它需要，所以如果字符串或對象在它足夠大，第二個格低於1。菜單寬度是固定的。

更新＃2：，如果我離開內容寬度則空它也將低於菜單，因爲內容是足夠寬

Answer 1

這個帖子看看，有你有正確的解決方案：

http://www.alistapart.com/articles/holygrail

Answer 2

是的，你可以通過設置left和right確定absolute LY定位元素的寬度。這使瀏覽器解決了standard中width的等式。以demo爲例。

Answer 3

你可以做這樣的事情：http://jsfiddle.net/steweb/78x8y/

標記：

<div id="container"> 
    <div id="left">Width=> 250px, float left</div> 

    <!-- following div takes automatically the remaining width, no need to declare further css rules --> 
    <div id="remaining">Width => the remaining space</div> 
</div> 

CSS：

#container{ 
    width: 100%; 
    float:left; 
    overflow:hidden; /* instead of clearfix div */ 
} 
#left{ 
    float:left; 
    width:250px; 
    background:red; 
} 
#remaining{ 
    overflow: hidden; 
    background:#DEDEDE; 
}