问题标签 [clearfix]

我想clearfix从我的 HTML 中删除该类，并在我的 SCSS（Rails 3.1 应用程序）中包含一个 clearfix mixin。最好的方法是什么？

我正在考虑仅采用 HTML 5 Boilerplate clearfix 并将其转换为 mixin，然后将其 @include 到 CSS 中以获取需要 clearfixing 的元素。

复制自 HTML5 样板：

这有缺点吗？有没有更好的办法？我可以通过这种方式安全地从我的 HTML 标记中删除 clearfix 吗？

我正在使用 960 Grid System 构建模型，但遇到了 .clearfix 的问题。我不喜欢在我的代码中使用额外的 div 来触发 clear，并且在 .clearfix 周围的所有文档中似乎都作为解决方案提出。960gs 还带有自己的 clearfix 类，所以我的期望是它应该可以工作。但是，当我应用标签时，什么也没有发生。空 div 中的 clear 类有效。虽然我想在失败后强制清除元素上的 clearfix 类。鉴于有关 clearfix 的信息有多少，它一定是我忽略的东西。

这是来源：

我有一个表单布局，我想显示左对齐的标签和右对齐的表单控件。我一直在尝试在表单控件（在本例中为 a ）上使用 float:right 使其工作，然后将 clearfix 类应用于它，但 clearfix 似乎没有在我的选择框上工作。

这里有什么问题吗，或者 clearfix 不能在选择元素上工作？

但是，当我这样做时，选择框仍然延伸到包含 div 的底部之外。

我的代码：

最近我在浏览一些网站的代码，发现每个<div> 都有一个 class clearfix。

快速谷歌搜索后，我了解到它有时适用于 IE6，但实际上什么是 clearfix？

与没有 clearfix 的布局相比，您能否提供一些带有 clearfix 的布局示例？

我有一个包含 2 个子元素的 div。第一个 div 在用户交互中通过 jQuery 动态添加内容。第二个是一个文本区域，它有一个问题没有包含在其父 div 中。

<div class="organizer_email_address">something@gmail.com</div>在用户选择一些选项并单击按钮后通过 jQuery 添加。

我尝试了 clearfix 方法，但它不会导致父 div 完全包含第二个孩子。请看看是什么问题，谢谢！

HTML

CSS

我已经看到div标签clearfix在孩子divs使用该float属性时使用了一个类。clearfix 类如下所示：

我发现如果我clearfix在使用该bottom-border属性时不使用，边框会显示在 child 上方divs。有人可以解释 clearfix 类的作用吗？另外，为什么有两个display属性？这对我来说似乎很奇怪。我特别好奇是什么content:'.'意思。

谢谢，G

我有这个问题：绝对定位的父 div 中有两个浮动 div。

CSS：

HTML：

在 Firefox 中，如果包装器没有position:absolute，则一切正常。一旦我将其设为绝对，包装器就会缩小，浮动的内容divs会与文档的其余部分重叠。此外，如果我将包装器的宽度设置为 100%，它会与垂直滚动条重叠。

我错过了什么？

我一直非常头疼，试图弄清楚为什么 facebook 评论框在选项卡式导航的选项卡下方浮动得如此之高。我已经尝试了浮动元素的 clearfix 的多种变体但无济于事，我发现如果你删除 jquery 元素它工作正常......但我无法确定答案

这是一个工作链接

http://smooth-media.co.uk/clients/4598185/

提前谢谢了

我正在尝试调整我的网站，并且在电脑前坐了太久，因此我不知道我的错误在哪里。希望有人可以帮助具有基本css知识的人。

这是我的CSS：

我想添加

到#slider-wrap 以便它从标题下方的右上角开始，但是当我这样做时，#content 都会向上移动并直接放在滑块下方？

这些对象的正确定位是什么，以便它们按以下顺序显示：1. 标题 2. 滑块（部分位于标题下方） 3. 内容

在没有滑块的页面上，内容应该跟在标题后面？？？

这个菜鸟的任何线索将不胜感激