html - CSS float left/right 清除问题 : large gap

标签 html css-float

我有一个带有“float:right; clear:right”用于广告和主要文本中的几个 block ,这些 block 旨在像图像一样流动,使用“float:left”。问题是主文本流框有很大的差距:它们仅在具有 float:right 的广告框之后才开始显示。

这是一个测试页面:Link

这个我看不懂。谁能解释一下?

最佳答案

我正在努力想出比“这就是它的工作原理”更好的词来解释原因。

修复它的最简单方法是将两个“广告框”包含在它们自己的 div 中,并带有 float: right:

<div style="float: right;">
    <div class="adbox1">adbox1</div>
    <div class="adbox2">adbox2</div>
</div>

关于html - CSS float left/right 清除问题 : large gap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5615567/

相关文章:

javascript - 如何定义 Electron 文件?

css - Bootstrap CSS - 嵌套列不清除/放置在 block 外

css - 将按钮对齐到进度条的右侧

html - 包含图像的 float <li> 元素下方有 4px 间隙

html - 如何获得带有 float 且没有边距的 css 3 列布局?

html - 移动设备上的视口(viewport)错误和不需要的缩放

javascript - 如何使用 jsPDF 从具有表格全尺寸的 HTML 表格正确生成 PDF

javascript - 使自定义组织结构图响应。 CSS、HTML、 Bootstrap

javascript - Controller 表中的 sapui5 JS 未绑定(bind)

css - 堆叠 float Div