HTML + CSS div container

Question

Почему не красная рамка, содержащаяся внутри div_TopWrap? Все кажется правильным, но его не работает

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>

В основном он должен иметь бар в верхней части. с логотипом, что все работает нормально, но когда вы пытаетесь добавить поле контейнера для содержимого внутри страницыTopWrap, оно не попадает внутрь страницыTopWrap.

Красная коробка должна быть поверх серых полос.

Answer 1

У вас есть опечатка float: left: под #pageTop > #pageTopWrap > #pageTopLogo

Это должно быть float: left; Обратите внимание на точку с запятой. Исправленный код выглядит следующим образом:

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

Answer 2

Устранено окончание символа. Это должно быть ; не :.

Заменить float: left: с float: left;.