html - 清除 float 内容的现代方法?

标签 html css frontend clearfix

如今清除 float 内容的现代方法是什么?

有一种“最近”的现代方法,即在父元素上添加“.clearfix”以清除包含的 float ,这会很有效。事实上,这是我最喜欢的方法,并且在我接触的任何网站上仍然使用它。它使每个浏览器都能正确呈现。

不过,我知道这有点像 hack,最近我在 google 上发现很多前端开发人员也有同感,并且想要一个更真实的解决方案。我发现的结果不是很好。有一些解决方案,但它们仅适用于 IE7+,有时在 Opera 上有些问题。

无论如何,我只是想知道最近清除 float 的最佳方法是什么?

最佳答案

只需将 overflow:auto 添加到包含的 div 即可。 (explanation)

关于html - 清除 float 内容的现代方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1761305/

相关文章:

android - 如何设置单选按钮的高度和宽度?

html - 无法正确证明 flexbox 容器中的内容

Javascript High Charts 更改 Rec Rill 悬停颜色

html - 我想删除元素 html/css 之间的空白

javascript - 如何使用接口(interface)在 typescript 中添加两个数字

html - 如何避免固定页脚重叠?

css - Mac 上的 Firefox userChrome 边框颜色不正确

javascript - 未明确声明的 Vue Prop

javascript - 在 react 中显示数据json到表

JavaScript/jQuery 比较数组中的项目