css-float - 如何使用 css overflow hidden 的 float 元素?

标签 css-float css

我有一个 block 容器元素,它包含 block 元素,然后是一些比父容器高的 float 元素。我想使用 block 元素设置的高度,剪掉更高的 float 元素。

我的想法是使用溢出:隐藏,但是瞧!它创建了一个新的 block 格式化上下文,这样父元素就不再使用 block 元素的高度,而是使用 float 元素的高度,因此实际上没有隐藏任何东西。

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

想法?

最佳答案

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

position:absolute;

到 float 元素

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

然而, float 元素不再 float ......

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

display:none;

尝试隐藏恰好 float 的元素对我来说似乎很老套...

关于css-float - 如何使用 css overflow hidden 的 float 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20646629/

相关文章:

javascript - 带有 css3 keydown keyCode = 37 和 39 的 JQuery

css - IE 9 CSS Float 问题!

css - Sencha 触摸 2 : 3 containers: stick to the left (fixed width) + stick to the right (fixed width) +middle (the rest)

javascript - 如何修复 css({ float : 'left' })

html - float 父级仅由内容 float div 扩展

css - 如何使用CSS打破颜色

css - 两行三 <li> - 如何让每一行顶部对齐

html - CSS Left 属性问题

html - IE 11 框大小问题(添加边框或填充时不起作用)

android - 如何在新平板电脑上使用高分辨率?