網格系統html

Question

我只是想知道如果有人能給我一隻手，我已經嘗試了3個小時來解決這個問題。我需要通過使用網格或其他任何東西來獲得圖片上的界面。 我能得到的最接近的東西是除了第二個底部網格之外的所有東西都正確顯示。它通常低於白線（多數民衆贊成的起點）。 有人可以給我一個關於如何解決這個問題的提示。

Answer 1

你必須至少有兩個選項：

之一是使電網的元素絕對定位，給他們頂部，左側，右側和底部的值。父元素（網格容器）應該有「position：relative;」 （或可以是固定的或絕對的，但在你的情況下，相對更有意義）。

另一種選擇是寫類似這樣的標記：

<div class="col-xs-6"> 
<div class="col-xs-12"> 
one 
</div> 
<div class="col-xs-12"> 
two 
</div> 
</div> 

<div class="col-xs-6"> 
three 
</div> 

基本上你換行兩個div左邊爲一個父div中的佈局不會打破。只要確保內部div的高度是右邊框高度的50％即可。