两个外部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应该与具有文本的div具有相同的高度。但我失败了。

Answer 1

如果您不需要支持旧浏览器，请使用Flexbox。您可能根本不想使用float进行基本布局。