Отображение divs вне контейнера div

В этой простой структуре html возникает странная проблема. Вот HTML кодОтображение divs вне контейнера div

<body> 
    <div class='DatePicker' style="display: inline-block"> 
     <div id="dayDiv" class='DayDiv BorderMe'> 
      <div id='upArrowDivs' class="BorderMe" style='display: inline-block; height:10%;width:100%;'> 
       <div class='UpArrowDiv BorderMe'> 

       </div> 
       <div class='UpArrowDiv BorderMe'> 

       </div> 
      </div> 
     </div> 
    </div> 
</body>

Здесь два сокровенные дивы показывают вне родительского DIV, который имеет ID «upArrowDivs». Вот JsFiddle link, где вы можете видеть, что происходит в StyleSheet.

источник

2013-05-09 Muhammad Mutahar Alam

А в чем проблема ? –

это проблема clearfix? –

@ JanTuroň Я хочу как divs внутри родительского div. Чтобы сделать этот пример более заметным, используйте следующую ссылку [http://jsfiddle.net/HsSLN/5/) –

Добавить это правило .UpArrowDiv

vertical-align: top;

см the fiddle

источник

2013-05-09 11:59:19

Спасибо, чувак, который решил проблему, но может и сказать мне почему родительский div не требовал, чтобы привязка в то время как самые внутренние divs делали, это что-то общего с отображением: inline-block? –

Надеюсь, эта ссылка охватывает это: http://phrogz.net/css/vertical-align/ –