顯示在容器區域之外的div

在這個簡單的html結構中存在一個奇怪的問題。這裏是html代碼顯示在容器區域之外的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顯示在其父div的外部，其id爲「upArrowDivs」。這裏是JsFiddle link，你可以在StyleSheet中看到發生了什麼。

來源

2013-05-09 Muhammad Mutahar Alam

什麼的身高是問題？ – 2013-05-09 11:14:09

這是一個clearfix問題？ – 2013-05-09 11:27:32

@JanTuroň我想要父div中的div。只是爲了讓這個例子更加突出，請使用下面的[鏈接]（http://jsfiddle.net/HsSLN/5/） – 2013-05-09 11:46:42