HTML/CSS hack 允许 overflow-x : auto & overflow-y: visible?

标签 html css overflow

<分区>

我有一个 400px x 400px 的 div,我想垂直滚动。所以我设置了 overflow-y: auto。但是偶尔,我想让div里面的内容溢出-x:visible。

这行不通。我认为这是因为如果其中一个可见,则不能设置不同的溢出值。

真的吗?

否则,是否有合适的 css/js 解决方案?我注意到每当出现这种情况时,flow app 都会将一个经过计算的绝对位置 div 添加到正文中:http://cl.ly/32392W0U2t1y2Q103X2d .这是最好的解决方案吗?是否有任何插件/教程可供查看?

最佳答案

如果其中一个可见,则不能设置不同的溢出值; CSS3 盒模型草案在 overflow 部分中说明了这一点: “'overflow-x' 和 'overflow-y' 的计算值与其指定值相同,除了某些与 'visible' 的组合是不可能的:如果一个被指定为 'visible' 而另一个被指定为 '滚动”或“自动”,然后将“可见”设置为“自动”。”

关于解决方法,您首先需要确定所需的行为是什么。当你在右边有一个滚动条时,overflow-x: visible 将如何工作?溢出的内容是否应该以某种方式在滚动条的右侧继续?这将很难安排。还是滚动条应该向右移动?

关于HTML/CSS hack 允许 overflow-x : auto & overflow-y: visible?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9014394/

相关文章:

html - 各种尺寸和 img 响应的图像 - 如何设置响应式 div?

html - 无法修复第 n 个子边距

javascript - JQuery 更改标签中的文本

html - CSS:无法以 % 为单位设置滚动的 tbody 高度

css - CSS 问题

css - 当内容超出浏览器高度时,绝对定位的 div 不显示完整内容

javascript - 将一个图像拖到另一个图像上并将其保存为一个图像(如光增强现实)

javascript - CSS 保持图像比例,不适用于 Chrome

java - 通过javascript填充html中禁用的输入字段并通过servlet读取它

css - 如何通过CSS增加元素的宽度?