Question

我有一个带

的外部div

overflow: hidden;

（这是由我的框架给出的）我试图通过给出一个更具体的CSS规则

在特定情况下覆盖它

overflow-y: visible;

然而，结果（FF＆amp; Chrome）是溢出-y被计算到＆＃34; auto＆＃34;，这似乎导致＆＃34;滚动＆＃34;。因此会出现一个滚动条。

<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/

来说明

我希望它可以是＆＃34;隐藏＆＃34;或＆＃34;可见＆＃34;取决于哪个CSS规则赢了，那么auto来自哪里？

Answer 1

请检查这个答案： CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

具体做法是：

'overflow-x'和'overflow-y'的计算值与它们的指定值相同，除了某些与'visible'的组合是不可能的：如果一个指定为'visible'而另一个是'滚动'或'自动'，然后'可见'设置为'自动'。如果'overflow-y'相同，'overflow'的计算值等于'overflow-x'的计算值;否则它是'overflow-x'和'overflow-y'的计算值对。

覆盖CSS溢出：隐藏在滚动条中的可见结果

1 个答案: