彼此相邻，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;
}

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