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高度

回答

相关问题