覆盖CSS溢出:隐藏在滚动条中的可见结果
提问于 2015-09-17 11:55:14
我有个外型
overflow: hidden;(这是我的框架给出的)，我试图在特定情况下通过提供一个更具体的CSS规则来覆盖它。
overflow-y: visible;然而，结果(FF和Chrome)是溢出-y被计算为“自动”，这似乎导致“滚动”。所以会出现一个滚动条。
<div id="big" class="hider">
<div id="long"></div>
</div>
.hider {
overflow: hidden;
}
/* this should override the .hider CSS, but instead you get a scrollbar */
div#big {
overflow-y: visible;
}这里的http://jsfiddle.net/needlethread/4j55aqkp/用小提琴说明了这一点。
我希望它要么是“隐藏的”，要么是“可见的”取决于哪个CSS规则获胜，那么自动从哪里来？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-17 12:04:43
请检查这个答案：CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
具体地说：
计算值“overflow”和“overflow”与它们的指定值相同，只是一些“可见”的组合是不可能的:如果一个指定为“可见”，而另一个指定为“滚动”或“自动”，则“可见”设置为“auto”。如果“溢出-y”是相同的，“溢出-x”的计算值等于“溢出-x”的计算值；否则是“溢出-x”和“溢出-y”的计算值对。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32638888
复制相关文章
腾讯云开发者
