ReactJS：如何使<div> float不影响下一个<div>？

Question

我目前有：

<div style={{float:'left'}}>Left</div>
<div style={{float:'right'}}>Right</div>
<div>Below</div>

我能够将Left和Right放在相反的两端，就像预期在同一条线上一样，但Below也会受到影响，并浮动到左边，右边在Left旁边，即使没有为它定义浮点数。

所以我想知道如何将Below保留在下一行，而不受前一个浮动影响？

Answer 1

你应该清除最后一个div。试试这个：

include "page.php";

Answer 2

你有没有尝试清除最后一个div？

clear: both