css - 相邻的 div，1：200px，2：100%

Question

我的 div 有问题。

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

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

我想让两者在同一条线上。

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

提前致谢。

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

Answer 1

遵循解决方案：

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

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

Answer 2

你不需要大部分的垃圾。这很容易。你把问题想多了。

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

http://jsfiddle.net/QYftP/

Answer 3

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

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