如果这个问题看起来很愚蠢,我很抱歉 我发现很多关于这个问题的问题,但没有人帮助我。
我的身体中有2个div,div1应该是100%的高度(不工作)和第二个内容将根据情况改变,我希望第二个div恢复30%的页面,idc如果有或没有。
我尝试height:30%
,我可以放30%或100%,它会占用内容的高度。
(ps:我不想放置静态高度:px;或position:absolute;)
我的CSS:
body{
font-family: "Gill Sans MT";
}
#div1{
background-color: yellow;
height: 100%;
}
#div2{
top: 5%;
height: 30%;
width: 50%;
margin-left: 20%;
background-image: url(../image/vent.png);
}
由于
答案 0 :(得分:0)
<强> HTML 强>
<div id="div1">ss</div>
<div id="div2">aa</div>
<强> CSS 强>
html, body {
margin: 0;
padding: 0;
height: 100%;
}
#div1 {
background: red;
width: 50%;
height: 100%;
float: left;
}
#div2 {
background: blue;
width: 50%;
float: left;
min-height: 30%;
}
在#div2
最小高度为30%,因此如果内容占用更多空间,则身高会增加。如果您不想要,只需添加height
代替min-height
。