html – div高度100%

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/231697.html

猜你在找的HTML相关文章