ReactJS：如何使<div/>浮动不影响下一个<div/>？

Question

我目前有：

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

我成功地将Left和Right放在同一行的两端，但是Below也受到了影响，它会浮动到左边，紧挨着Left，即使没有为它定义浮动。

所以我想知道如何让Below保持在下一行，不受前面的浮动的影响？

- Jo Ko

---

只是一个提醒：这种情况实际上并不是特定于React的，它主要与HTML有关，在浏览器中无论如何生成都会表现出相同的行为。 - Ivan Kolmychek

Answer 1

您应该清除最后一个 div。尝试这个:

<div style={{clear:'both'}}>Below</div>

- 0xRm

Answer 2

你尝试过清除最后一个 div 吗？

clear: both

- Vcasso