HTML+CSS div容器

Question

为什么红色框不包含在pageTopWrap目录中？一切看起来都是正确的，但它并不工作

​

body { margin: 0; }  
#pageTop {
    background: url(style/headersliver.png) repeat-x;
    height: 71px;
}
#pageTop > #pageTopWrap {
    width: 1000px;
    margin: 0px auto;
    height: 71px;
}
#pageTop > #pageTopWrap > #pageTopLogo {
    float: left:
    height: 71px;
    width: 100px;
}
#pageTop > #pageTopWrap > #pageTopRest {
    float: right;
    width: 200px;
    height: 71px;
    background: #ff0000;
}

<div id="pageTop">
    <div id="pageTopWrap">
        <div id="pageTopLogo">
            <a href="http://www.link"><img src="style/apng.png" alt="logo" title="Logo Title"></img></a>
        </div>
        <div id="pageTopRest"></div>
    </div>
</div>
<div id="pageMiddle"></div>
<div id="pageBottom"></div>

​

基本上，它应该在顶部有一个栏。有了徽标，一切都可以正常工作，但当尝试在pageTopWrap中添加内容的容器字段时，它不会包含在pageTopWrap中。

​

​

红色框应该在灰色条的顶部。

Answer 1

在#pageTop > #pageTopWrap > #pageTopLogo下有一个拼写错误的float: left:

应该是float: left;，注意分号。更正后的代码如下：

#pageTop > #pageTopWrap > #pageTopLogo {
  float: left;
  height: 71px;
  width: 100px;
}

Answer 2

您将结束字符放错了位置。它应该是;而不是:。

用float: left;替换float: left:。