我使用浮动有困难。现在我试着让一些内容浮动到屏幕的右侧,我希望非浮动的内容低于它。然而事实证明,非浮动占据了屏幕的左侧。然后我为非浮动添加了上边距,这样它就会被推下来,但奇怪的是它不起作用。 Here是我在Fiddle中的示例代码。
我现在该怎么办?有没有办法解决这个问题,而不必使用绝对位置?我试图避免它,因为它在使用不同的浏览器时会导致问题。 每个建议都表示赞赏。谢谢。
答案 0 :(得分:4)
也许我误解了你的问题,但是为了将非浮动内容推送到浮动内容之下,你应该将CLEAR:BOTH;
设置为非浮动元素。
答案 1 :(得分:3)
在所有浮动元素之后使用<div style="clear:both"></div>
。
答案 2 :(得分:0)
将clear: right;
添加到#preamble, #explanation
CSS规则中。