css - CSS - 将 div 推到右浮动内容下方

Question

我在使用浮点数时遇到了困难。现在我正在尝试让一些内容浮动到屏幕的右侧，我希望非浮动内容在它下方。然而事实证明，非浮动占据了屏幕的左侧。然后我为非浮动添加了上边距，以便将其向下推，但奇怪的是它不起作用。这是我在 Fiddle 中的示例代码。

我现在该怎么办？有什么方法可以解决这个问题而不必使用绝对位置？我试图避免它，因为它在使用不同的浏览器时会导致问题。每一个建议都值得赞赏。谢谢你。

Answer 1

也许我误解了您的问题，但是为了将非浮动内容推送到浮动内容下方，您应该设置CLEAR:BOTH;为非浮动元素。

Answer 2

<div style="clear:both"></div>在所有浮动元素之后使用。

Answer 3

添加clear: right;到#preamble, #explanationCSS 规则。

小提琴。