相邻的 div，1：200px，2：100%答案

【问题标题】：Divs next to each other, 1: 200px, 2: 100%相邻的 div，1：200px，2：100%
【发布时间】：2012-07-12 17:39:39
【问题描述】：

我的 div 有问题。

我一直在寻找，但找不到解决方案。

我在标题中有 2 个 div。一个包含徽标，另一个包含其他内容。第一个是 210px 宽度，第二个是 100% 宽度（填充可用空间）。

我想让两者在同一行。

我一直在尝试使用显示：内联、内联块、向左浮动，但不工作，第二个 div 占据了 100% 的页面并显示在徽标 div 下方。

提前致谢。

来源：http://jsfiddle.net/ukDQS/1/

【问题讨论】：

标签： css html next

【解决方案1】：

#logo {
    float: left;
    height: 80px;
    padding: 5px 0 0 5px;
    width: 210px;
}
#header-right-content {
    height: 80px;
    margin-left: 210px;
    position: relative;
}

您不需要将第二个 div 的宽度设置为 100%，因为它会扩展到最充分的空间。

【讨论】：

【解决方案2】：

你不需要大部分垃圾。这很容易。你想太多了。

首先，一个 div 默认为 100%，因此您不需要在其上设置 100%。其次，您只需要将徽标向左浮动，并为其指定宽度。这里的所有都是它的。摆脱所有显示和其他浮动和其他类型的定位元素。

http://jsfiddle.net/QYftP/

【讨论】：

谢谢，我不明白为什么第二个 div 会填充所有标题...我想这是因为第一个 div 漂浮在空中（？）。我在第二个 div 中添加了 margin-left，现在可以了。谢谢
我在溢出中找到了实用程序：隐藏而不是边距

【解决方案3】：

按照解决方案：

http://jsfiddle.net/ukDQS/3/

div#header-right-content { div.logo }

【讨论】：