将文本添加到顶部时,div向下移动,底部文本不可见。我想要div的大小,以便一切适合容器保持宽度和高度100%。将div调整为适合屏幕
是否有任何方式使用CSS来做到这一点,或者我需要JavaScript吗?
body,html {
margin: 0;
padding: 0;
}
#container {
position: absolute;
width:100%;
height: 100%;
overflow: hidden;
}
.img {
background: blue;
width: 100%;
height: 50%;
display: inline-block;
vertical-align: top;
}
<div id="container">
<p>Text 1</p>
<div class="img"></div>
<div class="img"></div>
<p>Text 2</p>
</div>
设置溢出:auto;在.container类中而不是隐藏的 –
即使添加新元素,容器高度也不应增加? –
只会有两个.img元素吗? –