如何使用css隐藏溢出的浮动元素?

时间:2013-12-17 23:14:14

标签: css-float css

我有一个块容器元素,它包含块元素,然后是一些高于父容器的浮动元素。我想使用块元素设置的高度,并切掉更高的​​浮动元素。

我的想法是使用溢出:隐藏,但是!它会创建一个新的块格式化上下文,以便父元素不再使用块元素的高度,但使用浮动元素的高度,因此实际上不会隐藏任何内容。

我想要一个更强大的解决方案,而不仅仅是添加一个固定的高度并希望块内容适合,但我不想用JS做这个。

思想?

2 个答案:

答案 0 :(得分:0)

根据您的具体情况,您可以添加

position:absolute;

到浮动元素

http://jsfiddle.net/E4LnG/1/

然而,浮动元素不再浮动......

我认为,重新考虑一下你要做的事情并找出一种完全不同的方法会更好。如果要隐藏元素,最好按类引用它们并使用

display:none;
对我来说,试图隐藏碰巧漂浮的元素似乎很苛刻......

答案 1 :(得分:0)

如果你有没有浮动的块元素,它们将占据整行,因此浮动元素将落在非浮动的下面,无论浮动。 (就像在ok的小提琴中)。请解释一下,可能真的有一个图像,你真正想要的是什么