问题标签 [clearfix]

目前我有一个背景图片大小为封面的网页。我想在这个 div 中有 2 个高度为 100% 的 div。这些 div 需要响应。我需要左侧 div 有一个图像坐在底部。我在主容器上使用 clearfix，但类 pic 仍然上升到容器 1。

HTML

CSS

我正在使用 Chrome 27.0.1453.93 和 Ubuntu 13.04

如果我们有设置为orcontenteditable="true"的元素，并且如果这个元素的父元素有类，我们可以看到奇怪的行为，当在任何地方单击后内容变得可编辑时 - http://jsfiddle.net/sApBk/2/。floatleftrightclearfix

Bug 只存在于 Chrome 中，但在 FF 和 Opera 中查看时，一切正常。

有什么建议可以解决这个问题吗？

我正在尝试为块式主导航创建 css 功能区，但是当我包含“display：table;”时，功能区的右侧三角形不起作用 或“显示：块；” 在 Clearfix 中。自然，当我删除 Clearfix 时，色带可以正常工作，但包裹消失了。让功能区工作并使用 Clearfix 来防止包装折叠会很棒。任何提示将非常感谢！

可以在这里找到原始代码和我的工作所基于的图像：http: //jsfiddle.net/necolas/xCfeH/

这是我编写的 HTML：

这是CSS：

我有一个布局，其中侧边栏是固定的，主要内容容器是流动的。

http://jsfiddle.net/QzsL5/2/

当我将“组”类应用于提要的ul时， ul的高度增加了额外的像素，它不只是将li包裹在其中。但是当我删除侧边栏时，不会显示这个额外的高度。我注意到ul的底部与侧边栏的底部对齐。

我不知道它为什么会这样。对此的帮助将不胜感激。

谢谢 ：）

This (http://jsfiddle.net/77RRA/1/) is working, while this (http://jsfiddle.net/77RRA/) is not.

Isn't clearfix supposed to substitute the line <div style="clear: both;"></div>?

我在将 clearfix 应用于许多 div 时遇到了麻烦，我遵循了几个教程，在此处和此处找到，但我的名为 Bar 的 div 仍然不会扩展以同时容纳徽标和导航 div。

这是我的标记，任何和所有的建议将不胜感激。我为 div 设置了一些奇怪的颜色，以帮助查看它们的结束位置并帮助尝试查看到底发生了什么。

CSS：

我为我的网站使用了响应式 Skeleton 框架（样板）（你可以从这里获得它：http ://www.getskeleton.com/ ）。

我有<ul>不同高度的列表列。要清除嵌套列，CSS 说我需要将.clearfix类放到父元素中。

我已经尝试放置类，但它不会清除嵌套列。由于我使用的是<ul>列表项，因此我不能将元素放入或放入<ul>元素中。

有什么解决办法吗？

我的html代码：

在 Skeleton CSS 中，第一列的高度为 500px，然后 (d) 和 (e) 列应该移动到底部/第二行，或者换句话说我需要清除嵌套列。

我想在<li class="clear"></li>我移到另一排时再放一个空的，它可以工作，但我正在寻找替代解决方案。比添加空更合适的东西<li>

谢谢你。

我的网站有一个标题和一个菜单栏。我想将它们水平放置，如下所示：

但是会发生什么：

我的标题的代码：

标题 css 代码：

我的菜单栏的代码：

菜单的css代码：

clearfix css 代码：

因为它们都使用浮动，所以每当菜单项与标题项位于同一水平面上时，它们就会开始以错误的方式定位。

除了使用 class: clearfix 之外，我还尝试在它们之间放置一个 div，如下所示：

我的问题是，这两种解决方案都在菜单和标题之间创建了一个空白区域。我还尝试将所有边距、填充等设置为 0，但这无济于事。

// 编辑：使用 div 样式清除两者：http: //jsfiddle.net/XJ3QE/3/ 截图：

// 编辑：Chrome 28 中的屏幕截图

我有一个 twitter bootstrap 问题，对我来说看起来有点奇怪。我有一个固定在左侧和主要区域的侧边栏。

在主要区域内，我有一些内容与 pull-left 和 pull-right 一起被 clearfix 清除。

问题是 clearfix-div 下面的内容被移动到低于 sidebar-content 的位置。

我为此做了一个小提琴：http: //jsfiddle.net/ZguC7/

我通过将“溢出：崩溃”设置为#main 来解决问题，但我不明白，如果有人能解释导致此问题的原因，我会非常高兴。

我在我的固定布局中使用了 nicolas Gallagher 的 micro-clearfix。在我的布局中，没有出现绿色页脚。这意味着 clearfix 无法正常工作

css

和微clearfix

演示

我究竟做错了什么。我如何使这项工作。有人可以帮我吗