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

我有一个块容器元素，它包含块元素，然后是一些高于父容器的浮动元素。我想使用块元素设置的高度并切掉较高的浮动元素。如何使用css隐藏溢出的浮动元素？

我的想法是使用overflow：hidden，但是lo！它会创建一个新的块格式上下文，以便父级不再使用块元素的高度，而是使用浮动元素的高度，因此实际上没有任何内容被隐藏。

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

想法？

你有一张图片，一个小提琴，一个网站显示你想要的/你的尝试到目前为止？ – davidpauljunior

好的，所以在这支笔中，我想剪切浮动图像的顶部容器的高度，同时保留浮动图像的顶部容器的内容回流属性（因此绝对定位出）http://codepen.io/tscott2/pen/kBLdn – TorranceScott

你在绝对定位部分让我失望了一点。这不是你想要的吗？ http://codepen.io/anon/pen/bgkGr – davidpauljunior

根据您的情况，您可以添加

position:absolute;

到浮动元素

然而，然后浮动元素不再浮动...

我认为它会更好，重新考虑你正在尝试做什么，并找出一种完全不同的方法。如果你想隐藏的元素，这是最好的类中引用它们并使用

display:none;

看来的hackish我试图隐藏碰巧浮动元素...

2013-12-17 23:35:07 ccwasden

如果你有块不浮动的元素将占据整行，因此浮动元素在无浮动下落下，而不管浮动。（如在OK的小提琴）。请解释一下，也许真的是一个图像，你真的想要什么

2013-12-18 00:14:10

回答