Child div in parent div, float:left

Question

Please take a look at my code: http://jsfiddle.net/XptrZ/ Why are\'nt the blue divs inside the red one, and why the red one has height=0. How can I solve this? Thanks

Answer 1

add overflow: hidden to parent

.parent {
  background-color: gold;
  border: 1px solid gold;
  position: relative;
  overflow: hidden
}

.child {
  float: left;
  width: 100px;
  height: 100px;
  display: block;
  margin: 10px;
  background-color: pink;
  border: 1px solid #999;
}

  
div1
  
div2
  
div3