防止显示在另一个div下的div的内容

Question

我想防止这种情况发生。我怎样才能避免红色限制被中心文本超越？在全屏显示文本正确显示，但当我调整大小时，我希望文本保持为“块”。

<div class="centered">
  <div style="float: left; width: 20%;text-align : left">Title1      Title2<br>Components<br> Comp1 <br> Comp2 <br> Comp3 <br> Comp4 <br> Comp5 <br> Comp6 </div>
  <div style="width: 80%;text-align : center; float: middle;"><p align="justify"> Historia </p></div></div>
</div>

Answer 1

第二个嵌套div应该有float: left;属性，没有float: middle

Answer 2

您可以将overflow: hidden应用于第二个div。

这样会强制它作为块元素保留。

Demo