请问什么时候需要清除浮动？

Question

大家好，我是自己自学的html/css，但是在实操的过程中，我发现自己并不清楚我在什么地方需要用清除浮动，或者我为什么要清除浮动。有大神能详细解答吗？或者，有可以长期交流的大神嘛？哈哈

Answer 1

<div id="header">#header</div>
<div id="left">#left</div>
<div id="right">#right</div>
<div id="footer">#footer</div>

#header {
  backdround:red;
  height:100px;
}
#left {
  width:40%;
  float:left;
  height:300px;
}
#right {
  width:55%;
  float:right;
  height:300px;
}
#footer {
  height:100px;
  background:green;
}

请问楼主，#footer应该在哪？但是实际在哪？