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
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;
}
<div class="parent">
<div class="child">div1</div>
<div class="child">div2</div>
<div class="child">div3</div>
</div>
add display: table; inside parent. That'll work.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With