2016-10-29 21 views
-6

我正在嘗試創建兩個<div>列,p爲頁面的整個高度。左邊我試圖創建兩個<div>列,兩個<div>都佔用了頁面的全部高度。我正在嘗試創建兩個<div>列,兩個<div>都佔據了頁面的全部高度。左ResponI正在嘗試創建佔用頁面的全部高度。左

+1

預計你至少嘗試爲自己的代碼這一點。堆棧溢出不是代碼寫入服務。我建議你做一些[**額外的研究**](http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) ,無論是通過谷歌或通過搜索,做出嘗試和。如果您仍然有麻煩,請回過頭來**您的代碼**並解釋您嘗試過的以及爲什麼它不適合您。 –

回答

0

嘗試使用給予最小寬度&使用bootrap框架,這將給你不同的網格選項

https://getbootstrap.com/examples/grid/

+0

這是你的意思說 https://plnkr.co/edit/6J1mBWlfyPxtkfTcH7tL?p=preview –

1

你應該在CSS使用計算()。

下面是一個示例代碼。

HTML

<div class="container"> 
    <div class="fluid"> 
    Fluid 
    </div> 
    <div class="fixed"> 
    Fixed 
    </div> 
</div> 

CSS

.container { 
    width: 100%; 
} 

.fluid { 
    float: left; 
    background: #F8E71C; 
    width: calc(100% - 200px); 
} 

.fixed { 
    float: left; 
    background: #B8E986; 
    width: 200px; 
} 

演示:https://jsfiddle.net/0w2qjtz7/

+0

你爲什麼要容器浮動? – connexo

+0

只是一個例子。不是強制性的。 –

+0

如果沒有必要,***把它留下***。 – connexo

相關問題