我有一个 block 容器元素,它包含 block 元素,然后是一些比父容器高的 float 元素。我想使用 block 元素设置的高度,剪掉更高的 float 元素。
我的想法是使用溢出:隐藏,但是瞧!它创建了一个新的 block 格式化上下文,这样父元素就不再使用 block 元素的高度,而是使用 float 元素的高度,因此实际上没有隐藏任何东西。
我想要一个更强大的解决方案,而不是仅仅添加一个固定的高度并希望 block 内容适合,但我不想用 JS 来做到这一点。
想法?
最佳答案
根据您的情况,您可以添加
position:absolute;
到 float 元素
然而, float 元素不再 float ......
不过,我认为重新考虑您要尝试做的事情并找出一种完全不同的方法会更好。如果你想隐藏一个元素,最好按类引用它们并使用
display:none;
尝试隐藏恰好 float 的元素对我来说似乎很老套...
关于css-float - 如何使用 css overflow hidden 的 float 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20646629/