css - что может быть причиной этого?

Question

У меня есть внешний div (синий) и внутренний div. Я не уверен, что это оказывает влияние на соседний div. Есть идеи? Удаление содержимого внутреннего div приводит к его возврату в нормальное состояние.

EDIT # 1

Вот новый образ и CSS. Похоже, что поле сопряжений вызывает некоторое вертикальное смещение.

.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 is some text</div> 
</div> 

<div class='wide-box clearfix'></div> 

Answer 1

Я не верю, что голубые <div> s имеют display: block;, как вы предлагаете. Отображаемое поведение является нормальным для display: inline-block;.

Answer 2

Попробуйте плавать содержимое внутри него осталось.

Пример перед тем поплавки here

Пример после поплавков here