问题标签 [clearfix]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - clearfix 是一种在 css 中清除浮动的好技术吗
我使用 clearfix 来清除 CSS 中的浮动效果，但有人告诉我这不是很好的技术，我应该使用其他东西。真的吗？
如果是，是否还有其他替代方案仍然可以使我的 CSS 得到验证？
非常感谢
css - 什么可能导致 Firefox 中出现此 CSS 边距共享（？）错误？
我今天在工作中遇到了这个不寻常的仅限 Firefox（据我所知 - 我只检查了 Safari 和 Chrome，并且使用的是 Firefox 3.6）CSS 错误，并设法用更小的代码片段重现了这个问题，这里：
这是问题的截图
所以我通常期望在这里发生的是两个<div>s 之间或 s 上方没有边距<ul>，实际上，将鼠标悬停在 Firebug 中的元素上将不会显示边距/填充颜色。但由于某种原因，来自 30px 的 margin-top<p>被同时应用于 <p>及其包含的<div>. 我的猜测是 clearfix 有一些问题（事实上，如果你使用 clearing <br/>，这个问题就会消失），但我很好奇是否有人能深入了解这里的问题到底是什么。谢谢！
html - 电子邮件中 HTML 最可靠的 clearfix 方法是什么？
clear在 Outlook 2007/2010 以及display（和许多其他 CSS 属性）中不起作用。我应该使用什么？
我需要支持这个矩阵中的所有客户端，除了 Lotus Notes。
仅供参考：我正在使用一个 XSL，它使用表格构建所有基于网格的标记。但是，我有一个表格单元以某种方式与另一个重叠（仅在 Outlook 2007/2010 中）。
css - CSS 扩展 div 右浮动 div
我有这个 html 标题的主要div （紫色），它分成 2 个其他 div，包含徽标（红色）和右侧的一些其他信息（绿色）
我对紫色有一个明确的修复，它使红色和绿色都很好地浮动，两者都向左浮动。
这里的问题是我正在努力寻找一种让绿色适合整个宽度的方法
在这种情况下，红色本身具有199px固定宽度，并且没有绿色的宽度声明
外部紫色div 也没有固定宽度，目前65%的divbody具有流畅的布局
所以我的问题是：如何用css使绿色 div扩展直到紫色结束？ div
我试图申请width:86%绿色，但它没有工作，因为红色有一个固定的价值......
我想也许有一些类似display:table-cell/table-row或类似的表格显示模式可以解决问题，但它们似乎都没有按照我想要的方式工作。
如果你能帮助我，那就太好了:)
html - clearfix 是否已弃用？
你知道一个古老的问题：包含浮动元素的容器不会自动扩展它们的高度来包围它们的子元素。
解决此问题的一种方法是“clearfix”，它添加了许多 CSS 规则以确保容器正确拉伸。
但是，仅提供容器overflow: hidden似乎也可以正常工作，并且具有相同数量的浏览器兼容性。
根据本指南，这两种方法在当今重要的所有浏览器中都兼容。
这是否意味着“clearfix”已被弃用？使用它还有什么优势overflow: hidden吗？
这里有一个非常相似的问题：clearfix hack 和 overflow:hidden vs overflow:auto 有什么区别？ 但是那里并没有真正回答这个问题。
css - 如果我对所有 html 标签使用浮动元素有什么问题？
我目前在切片时对所有标签使用“float:left”。它出什么问题了？
我认为，优点是我根本不需要做“清除黑客”。
对不起我糟糕的英语。
css - “有史以来最好的清除修复？”
我在这里看到了这种完全不同的 clearfix 方法：http: //www.marcwatts.com.au/blog/best-clearfix-ever/
它建议添加以下 CSS 代码来自动化 clearfix，并且不需要您向要清除的元素添加“clearfix”或类似的类。
这种方法有什么缺点吗？这最终会清除您可能不一定想要 clearfix'ed 的元素吗？或者规则是否可以解释任何情况？
css-float - 如何正确地将 .clearfix:after 类应用于 HTML？
我目前正在尝试（并且失败）获得 .clearfix:after clearing fix that is detail on stack here，并且位置是在 Chrome 和 Firefox 中工作的所有内容。
我的理解是 .clearfix 类应该添加到包含需要清除的浮动的元素中。但是，当我尝试这种方法时，我无法让修复工作。
有人能指出我搞砸的地方以及如何正确应用 .clearfix 类吗？
在此先感谢您的帮助！
这是相关的CSS：
这是HTML：
css - 960 grid's clearfix vs HTML5 Boilerplate's clearfix - 有什么区别？
960 grid's clearfix vs HTML5 Boilerplate's clearfix - 有什么区别？
这是在 Nathan Smith 的 960 网格的 css 中找到的 clearfix：
这是在 Paul Irish 的 HTML5 Boilerplate 中找到的 clearfix：
如您所见，它们非常相似。然而它们是不同的。
有没有人对此有任何见解？
哪个更好？为什么？
jquery - jQuery追加没有看到变化？
我有一些脚本可以修改我的 Web 应用程序。它的基本作用是：
- 向 DOM 添加动态元素
- 调整一些 DOM 元素的大小以适应窗口高度和其他东西......
所以，我这样做：
但是，我没有得到正确的高度值$('.column').height。该脚本向我检索高度值，就好像我没有附加clearfix元素一样。就像它在计算最终高度时没有考虑那部分一样。
我什至尝试过使用延迟对象，但没有成功。clearfix在不考虑元素的情况下，它仍然需要高度。
对于不是 CoffeeScript 的人，我在这里粘贴生成的 Javascript：
有什么办法可以解决吗？