對齊嵌套的DIV到父DIV的底部 - 響應 - Bootstrap3

Question

我正在尋找一種方法來將嵌套的div對齊到父div的底部。

我不希望使用的位置是：絕對：

#child { 
    position: absolute; 
    bottom: 0px; 
} 

這打破了我的反應設計內容將開始，如果調整屏幕大小重疊。在括號容器看起來是這樣的：

CSS

#parent { 
    position: relative; 
} 

HTML

<header id="parent" class="container-fluid"> 
     <div id="overlapped-content" class="row"> 
      ... some regular content ... 
     </div> 
     <div id="child" class="row"> 
      <div id="lower-intro" class="container-fluid"> 
       ... to lower content 
      </div> 
     </div> 
</header> 

如果屏幕大小的overlapped-content將由child內容overlaped。

有沒有其他的選擇？

Answer 1

您可以在重疊內容上使用最小高度或者可以設置它的高度。