6

以前，当我有浮动块时，我会停止浮动，我使用 ;

<div style="clear:both"></div>

但现在，我用伪类解决了这个问题：

.last_floating_div:after {
 content: ""; 
 display: table;
 clear: both;
}

我一直都很完美。但是今天……不行……！看看这个清晰的例子：http: //jsfiddle.net/YsueS/2/

我知道我的问题是一个完全的初学者问题。这个问题我已经卖了很多次了......我真的不明白为什么它在这里不起作用！

非常感谢你们！

4

3 回答 3

3

当然 - 你可以通过:afterclearfix 清除它，但是最优化、最轻量级的解决方案就是overflow:hidden在父级上设置，以更少的编码实现所需的效果。

#mention {
    overflow: hidden;
}

jsFiddle在这里

不过，要直接回答这个问题，您应该将:afterclearfix 应用于#mentions- 父级，而不是子级.. jsFiddle 在这里有效。

于 2013-10-31T19:42:36.887 回答
1

我认为你需要一个#mention:after 来做你正在寻找的东西。

例如，

#mention:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
#mention { display: inline-block; }

* html #mention{ height: 1%; } /* for older ie */
#mention { display: block; }

工作演示

希望这可以帮助。

于 2013-10-31T19:43:11.403 回答
1

如果您只是将 id 添加:after到 id 中mention，您将获得所需的效果。

#mention:after {
  content: "";
  display: table;
  clear: both;
}

JSFIDDLE

于 2013-10-31T19:44:09.410 回答