将 div 定位在 div 下方而不进行弯曲

Question

请参阅以下JSFiddle： https://jsfiddle.net/78wrdh3u/4/

将div2的内容从：

<div class="div2">
This is div 2
<br />
<br />
Which has more content
</div>

自

<div class="div2">
This is div 2
</div>

高度为div1且div2相同时，按钮 (div4( 正确定位在div2下方的右端。但是，当div2的高度超过div1时，按钮位于中间。

如何避免这种情况？

按钮(div4(应始终固定在div2下方的右端。我不想在这里使用flex。

Answer 1

我明白了。

只需将clear: right添加到div4即可。

更新的小提琴：https://jsfiddle.net/78wrdh3u/8/

Answer 2

您可以添加

<div style="clear:both"></div>

喜欢

<div class="div1">
This is div 1
</div>
<div class="div3">
</div>
<div class="div2">
This is div 2
<br />
<br />
Which has more content
</div>
<div style="clear:both"></div>
<div class="div4">
button
</div>