html - 两个外部 div 相对于内部 div 的高度

Question

我有 3 个 div：

<div style="float:left; background-color:#000; width:300px;" ></div>
<div style="float:left; color:#000; width:600px;" >Text</div>
<div style="float:left; background-color:#000; width:300px;" ></div>

内部的文本是动态加载的，div 的高度应该包含文本。这工作正常，但我也希望作为某种占位符的两个外部 div 具有与中间一个相同的高度。我怎样才能做到这一点？

我的第一个想法是，我将所有 3 个 div 包装在另一个 div 中并继承 3 个 div 的高度，因为包装 div 应该与带有文本的高度相同。但我失败了。

Answer 1

如果您不需要支持旧版浏览器，请使用Flexbox。您可能根本不想将浮动用于基本布局。