我有两个 div 元素,如下图所示。
Div 1 : 它显示来自服务器的内容,所以无法知道高度 Div 2 : 它的高度应与 div 1 的高度相同。
我没有使用 HTML (CSS) 的经验,所以我不知道该怎么做。 在这种情况下请帮助我。
非常感谢。
最佳答案
试试这个:例子(http://jsfiddle.net/dzcvaxyx/)
<div id="wrapper">
<div id="one">
<h1>DIV 1</h1>
<h4>content</h4>
<h4>content</h4>
<h4>content</h4>
<h4>content</h4>
</div>
<div id="two">
<h1>DIV 2</h1>
</div>
</div>
#one, #two{
width:150px;
border:1px solid red;
margin:10px;
padding:10px;
}
#wrapper{
margin:0 10px;
display:flex;
}
使用包装器 div。您的 div1 和 div2 将在其下具有 100% 的高度。 div1 的内容将设置 div2 将拾取的高度。同样,如果 div2 获得更大的内容,它会独裁地扩展自己。
关于javascript - 如何将一个div元素的高度设置为与另一个div相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28037732/