Html 如果flexbox div的高度为'；它独自一人在这一排，但如果旁边有其他的div，它会和它的邻居一样吗？_Html_Css_Flexbox

Html 如果flexbox div的高度为'；它独自一人在这一排，但如果旁边有其他的div，它会和它的邻居一样吗？

html css

Html 如果flexbox div的高度为'；它独自一人在这一排，但如果旁边有其他的div，它会和它的邻居一样吗？,html,css,flexbox,Html,Css,Flexbox,请注意，“bla bla bla”文本后添加了大量垂直空间：在JSFIDLE中，这个问题并不明显：上面的图片是从我正在测试页面的服务器上拍摄的：我希望那个div的高度能适合它的内容，当它被包装好的时候，保持它的独立。另一方面，当页面宽度增加且许多div并排放置时，其高度必须增加到与相邻div相同 index.html： <html position="fixed"> <head> <center><h1> TITLE </

请注意，“bla bla bla”文本后添加了大量垂直空间：

在JSFIDLE中，这个问题并不明显：

上面的图片是从我正在测试页面的服务器上拍摄的：

我希望那个div的高度能适合它的内容，当它被包装好的时候，保持它的独立。另一方面，当页面宽度增加且许多div并排放置时，其高度必须增加到与相邻div相同

index.html：

<html position="fixed">
<head>
    <center><h1> TITLE </h1></center>
    <link rel="stylesheet" type="text/css" href="css/test.css">
</head>
<body position="fixed">
<center>
<h1> TITLE </h1>
</center>
<div class="container">
<div class="menu">
<div class="menucontainer">
<div class="menudiv">MENU 1</div>
<div class="menudiv">MENU 2 </div>
<div class="menudiv">MENU 3 </div>
</div>
</div>
<div class="content" align="center"> <iframe name="contentframe"
src="testframe.html"
style="position: relative; width: 100%; height: 100%;" frameborder="0">
</iframe> </div>
<div class="links" align="center">
<div class="linkscontainer">
<h2>LINKS</h2>
<div class="linksdiv"> <iframe src="testframe.html"
style="position: relative; width: 100%; height: 100%;" frameborder="0">
</iframe> </div>
<h2>CONTACT</h2>
<div class="linksdiv"> <iframe src="testframe.html"
style="position: relative; width: 100%; height: 100%;" frameborder="0">
</iframe> </div>
</div>
</div>
</div>
<footer> </footer>
<div> <br>
<small> bla bla bla </small> </div>
</body>
</html>

testframe.html：

<html>

<p>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
</p>

</html>



布拉布拉布拉布拉布拉布拉

布拉布拉布拉布拉布拉布拉

布拉布拉布拉布拉布拉布拉

布拉布拉布拉布拉布拉布拉

布拉布拉布拉布拉布拉布拉

布拉布拉布拉布拉布拉布拉

<html>

<p>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
bla bla bla <br>
</p>

</html>