<分区>
HTML+CSS div 容器
为什么 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>基本上它应该在顶部有栏。带有 Logo ，一切正常，但是当尝试为 pageTopWrap 内的内容添加容器字段时，它不会包含在 pageTopWrap 内。
红色框应该在灰色条的顶部。
最佳答案
您在 #pageTop > #pageTopWrap > #pageTopLogo 下有错别字 float: left:
它应该是 float: left; 注意分号。更正后的代码如下:
#pageTop > #pageTopWrap > #pageTopLogo {
float: left;
height: 71px;
width: 100px;
}
关于HTML+CSS div 容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41476922/