选择高亮超出父元素溢出是什么逻辑?
在所附的屏幕截图中,顶部是我目前拥有的,底部是我想要实现的 Photoshop 模型。
在我看来,选择突出显示几乎是随机的;我一直无法找到任何明确的资源来解释是什么让选择突出显示以何种方式表现。
要保持选区合理高亮,在 CSS 和 DOM 方面应该注意什么?
最佳答案
有趣的是,我想知道为什么 SO 没有这样的东西,这样更容易从问题/答案中复制代码。
实际上,SO 确实在 <code>
中包含高亮显示 block 依赖 overflow: auto;
. <blockquotes>
没有包含突出显示。
无论如何,似乎有几种方法可以解决这个问题(不过,我相信可能还有更多方法)。使用以下 CSS 规则之一将文本突出显示限制为特定元素。
-
overflow: hidden;
或overflow:auto;
-
position: relative;
-
float:left;
或float:right;
下面的工作示例展示了所有四种工作方法。根据您的需要,有些更容易使用。
工作示例: http://jsfiddle.net/TFvYu/4/
来源
关于css - 溢出选择高亮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14107613/