css - 无法使用 float :left and float:right 在父 div 内对齐 2 个子 div

Question

我知道答案很简单，但我似乎想不通。

<div id="header">
<div id="30">
    <img src="../images/logo.png" width="97" height="97" />
</div>
<div id="company">
    <img src="../images/company.png" width="370" height="97" />
</div>
<div style="clear: both;"></div>
</div>

#header {
width:960px;
background-color:#e9e9e9;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
overflow:hidden;
}
#30 {
float:left;
}
#company {
float:right;
}

我不知道如何从 jsfiddle 发布代码。结果是“30”div 对齐到父级的左侧，“company”div 对齐到右侧，但它下降了一行。

Answer 1

您的第一个问题是 #30 不是有效 ID — CSS 不喜欢第一个字符是数字。尝试 #thirty。

这里有一个 JSBin 显示它正在工作，尽管带有 JSBin Logo 。 http://jsbin.com/IJaseKa/1