html - HTML + CSS div容器

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        3年前关闭。
                                                                                            
                
        
为什么pageTopWrap div内没有包含红色框？一切似乎都是正确的，但无法正常工作

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中。



红色框应位于灰色条的顶部。

最佳答案

您在float: left:下有错字#pageTop > #pageTopWrap > #pageTopLogo

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

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