CSS - 将 div 推到右侧 float 内容下方

标签 css layout html css-float margin

我在使用 float 时遇到困难。现在我试图让一些内容 float 到屏幕的右侧,我希望非 float 内容在它下面。然而事实证明,非 float 占据了屏幕的左侧。然后我给 non-floated 添加了 top margin,这样它就会被压下去,但奇怪的是它不起作用。 Here是我在 Fiddle 中的示例代码。

我现在该怎么办?有什么办法不用绝对位置就可以解决这个问题吗?我试图避免它,因为它会在使用不同的浏览器时引起问题。 每一个建议表示赞赏。谢谢。

最佳答案

也许我误解了你的问题,但为了将非 float 内容推送到 float 内容下方,你应该将 CLEAR:BOTH; 设置为非 float 元素。

关于CSS - 将 div 推到右侧 float 内容下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12694951/

相关文章:

html - 什么 CSS 会导致页边距在底部/右侧中断?

css - mozilla 和 chrome 的页面布局不一样

html - 如何将内容包裹在图像周围?

html - 使用 transform 时,div 容器仍保持原始图像大小

javascript - 动态调整 Chrome 扩展弹出窗口高度

html - Div 和 anchor 标签之间的随机间距

html - Bootstrap 4 导航栏折叠菜单右对齐

HTML Nav 标签格式奇怪

javascript - 全屏播放 Youtube iframe

javascript - 如何将趋势线添加到高位图表