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.

enter image description here

.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

Popular posts from this blog

jasper reports - Fixed header in Excel using JasperReports -

media player - Android: mediaplayer went away with unhandled events -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -