Css用顏色填充div高度

嘿，我有麻煩設置一個div來填充整個網絡的X顏色（沒有高度，它有30％的widht，我想填補網絡的其餘部分），這裏的例子：Css用顏色填充div高度

http://gyazo.com/a074f0c6f86dc2a001aba53c672da03c，左邊的div是我想用這種顏色垂直填充網頁的div。

2015-05-26 Sefhi

或許下面可以讓你在正確的方向開始。

在此示例中，將html和body標記的高度設置爲100％，然後將左側面板/ div的高度設置爲100％。

我浮動了兩個div的兩列，但還有其他創建雙列布局的方法。

html, body { 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 
.left { 
 
    float: left; 
 
    background-color: beige; 
 
    width: 30%; 
 
    height: 100%; 
 
} 
 
.right { 
 
    float: left; 
 
}

<div class="left">The left panel.</div> 
 
<div class="right">The right panel.</div>

來源

2015-05-26 00:58:21

謝謝！偉大的作品:) – Sefhi

-1

一個div沒有height從來沒有看到background color，樂div有overflow: auto

來源

2015-05-26 00:28:10 joel

這應該是一個評論，不是答案。有了更多的代表，[你將能夠發表評論]（http://stackoverflow.com/privileges/comment）。在此之前，請不要將答案用作解決方法。 –

你可以使用Flexbox的。

html, body { height: 100%; } 

body { 
    display: flex; 
    flex-direction: row; 
    margin: 0; 
} 

.left { 
    background: #00C5FA; 
    margin-right: 2%; 
    width: 30%; 
} 


<div class="left block">Hi hi hi!</div> 
<div class="right block">Goodbye goodbye!</div>

的jsfiddle：http://jsfiddle.net/274t6w06/

來源

2015-05-26 01:49:56

Css用顏色填充div高度

回答

相關問題