css - what could be causing this? -
i have outside div (in blue) , inside div. not sure having effect on adjacent div. ideas? removing content of inside div causes go normal.
edit #1
here's new image , css. seems pairings-box causing vertical offset take place.
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } .wide-box { border: 1px solid blue; margin-top: 10px; min-height: 100px; width: 450px; } .clearfix { display: inline-block; } .pairings-box { border: 1px solid black; float: left; width: 300px; } <div class='wide-box clearfix'></div> <div class='wide-box clearfix'></div> <div class='wide-box clearfix'> <div class='pairings-box'>here text</div> </div> <div class='wide-box clearfix'></div>
i don't believe blue <div>
s have display: block;
suggest. displayed behaviour normal display: inline-block;
.
Comments
Post a Comment