ReactJS：如何使 <div/> 浮动不影响下一个 <div/>？
ReactJS: How to make <div/> float not affect the next <div/>?
我目前有：
<div style={{float:'left'}}>Left</div>
<div style={{float:'right'}}>Right</div>
<div>Below</div>
我能够让 Left 和 Right 像预期的那样在同一行的两端，但 Below 也受到影响，并向左浮动，就在 Left 旁边，即使尚未为其定义浮点数。
所以我想知道如何在下一行保留Below，而不受之前浮动的影响？
您是否尝试清除最后一个 div？
clear: both
您应该清除最后一个 div。试试这个：
<div style={{clear:'both'}}>Below</div>
我目前有：
<div style={{float:'left'}}>Left</div>
<div style={{float:'right'}}>Right</div>
<div>Below</div>
我能够让 Left 和 Right 像预期的那样在同一行的两端，但 Below 也受到影响，并向左浮动，就在 Left 旁边，即使尚未为其定义浮点数。
所以我想知道如何在下一行保留Below，而不受之前浮动的影响？
您是否尝试清除最后一个 div？
clear: both
您应该清除最后一个 div。试试这个：
<div style={{clear:'both'}}>Below</div>