php– 在两个不同的div中没有​​一定长度的文本

首先要做的事情！

成分：水平对齐的两个div(每个都有父对象的宽度的50％)和一些文本放在第一个div(左),然后,如果溢出,在第二个div(右). div高200像素.

该文本来自一个PHP脚本,该脚本回显包含所有文本的变量(< p><？php echo $foo;？>< / p>).在括号中我写了一个< p>标签. DOM看起来像这样：

问题：我正在尝试使用CSS flex属性来实现这个目标,但是我找不到一种方法来将第二个div中的溢出文本放在第二个div中.

问题：如何将溢出的文本放在第二个div中,使PHP脚本保持干净？

实际演示：

.thecontainer{  wIDth:100%;  height:100px;  overflow: hIDden;  display: block;}.therightone {    background-color: red;    wIDth: 50%;    height:100px;    display: block;    float:right;}.theleftone {   background-color: blue;   wIDth: 50%;   height:100px;   display:block;   float: left;}

.thecontainer {  wIDth: 100%;}.theleftone {  background-color: lightblue;  columns: 2;}p {  margin: 0}