Html 浮动：左CSS属性破坏样式？

为什么

float:left

CSS属性破坏样式

<div id="application_header">
  <div>logo</div>
  <div><h5>tagline</h5></div>
</div>

#应用程序_标题

仅接受

背景色：#000float:left

，则代码>属性。。。请解释…？

div#应用程序#标题没有高度，因为其中包含的元素是浮动的

我做了一把小提琴，演示了如何增加div的高度：

div#application_header { 
    height: 100px; 
    display:block; 
    background-color: #000; 
    color: #fff 
}

您可以将元素设置为内联块，而不是浮动元素

---

背景色没有显示的原因是#application_标题的高度和宽度为零，因为它只包含浮动的子元素。您需要寻找一个清晰的解决方案，让父div环绕浮动的子元素

有关clear fix解决方案的更多信息，请访问

div#application_header { 
    height: 100px; 
    display:block; 
    background-color: #000; 
    color: #fff 
}