有人可以向我解释一下为什么溢出有以下效果吗?
在下面的 jsfiddle 中,我有一个浮动到左侧的 Div,并设置了宽度和高度。
接下来我有一个内容 div。您可以将其视为左侧导航和网站布局的内容。
在内容中,我有两个相同的 Div,除了一个具有溢出:自动,另一个没有。带有overflow:auto的当前会尊重浮动的div并缩短其宽度以免与其发生冲突。另一个是简单地保持其完整宽度并在浮动 div 下方运行。
尽管溢出:自动提供了非常有用的行为,但我不明白为什么它关心浮动项目。我认为如果一个元素具有一定的宽度并且内部的内容无法容纳,那么它将执行您请求的行为,但这有点将该行为应用于元素本身
http://jsfiddle.net/9bEDj/1/ http://jsfiddle.net/9bEDj/1/
有人可以为我澄清这一点,并解释为什么这是这种行为,或者它是否实际上不应该这样做,这是一个怪癖!
这是关于浮动/溢出魔法的精彩描述
http://colinaarts.com/articles/the-magic-of-overflow-hidden/ http://colinaarts.com/articles/the-magic-of-overflow-hidden/
这是预期的行为,具有除可见之外的溢出的元素应该尊重浮动,因此您可以使用它而不会引起任何模糊
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)