Css html div浮动和大小调整

我想做一个网页，使用100%的屏幕空间。我有两个部门：

第一个-具有固定宽度（~250px）的菜单
第二，还有什么

对我来说，令人误解的是菜单div不在第二个div中。它们都在包装器div中（100%宽度）。问题是，如果我为第二个div写100%宽度，它就会出现在菜单下面。如果我写的更少%，我无法确定它将以更小的分辨率显示

是否存在一些负尺寸或其他问题？自动取款机。第一个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>

div.main{
宽度：100%；
}
第1分部{
宽度：250px；
浮动：左；
}
第2分部{
宽度：100%；#这里应该是主分区中剩余的空间#
浮动：对；
}
菜单
内容

问题：内容的宽度可以根据需要而定，所以如果字符串或其中的对象足够大，则第二个div会低于第一个div。菜单宽度是固定的

---

更新#2:如果我将内容宽度保留为空，那么它也将进入菜单下方，因为内容足够宽

是的，您可以通过设置

左

和

右

来确定

绝对

位置元素的宽度。这使得浏览器可以在for

width

中求解方程。请参见此示例。

您可以执行以下操作：

标记：

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

---

看看这篇文章，你有正确的解决方案：

---

你能为你的问题添加更多的内容吗？Rachel说得对：添加CSS和HTML，我们会更好地帮助你：）你不需要在第二个div上加一个宽度。这就是你想要的吗？

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