html – div高度100％

<img id='imgT' src="...">

<div id="divL"></div>
<div id="divR"></div>

CSS

body{
    max-width:1024px;
}
#imgT{
    width:100%;
    border:thin solid blue;
    display:block;
}
#divL{
    width:20%;
    height:100px;  // I need 100%
    background:#008080;
    float:left;
}
#divR{
    width:80%;
    height:100px;  // I need 100%
    background:blue;
    float:left;
}

小提琴是here

那么,我怎样才能使两个div高度达到100％,即从图像底部到页面底部.

解决方法

您之前需要将html和body的高度设置为100％.然后,您可以将元素高度设置为100％.

body,html {
    height: 100%;
}

#divL,#divR {
    height: 100%;
}

Updated fiddle.

原文地址：https://www.jb51.cc/html/231697.html