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; 
}