溢出选择突出显示

Emp*_*ger 5 css highlighting selection

选择的逻辑是什么突出显示超出父元素的溢出?

在附带的截图中,顶部的是我目前所拥有的,最下面的是我想要实现的Photoshop模型.

对我而言,选择突出显示几乎是随机的; 我无法找到任何明确的资源来解释什么使选择突出显示在哪些方面表现.

想要保持选择突出显示合理时,我应该在CSS和DOM方面记住什么?

选择溢出示例

JSu*_*uar 2

有趣的是,我想知道为什么 SO 没有这样的东西,这样可以更容易地从问题/答案中复制代码。

<code>实际上,SO 确实在依赖于 的块中包含了突出显示overflow: auto;<blockquotes>没有包含突出显示。

不管怎样,似乎有几种方法可以解决这个问题(不过,我确信可能还有更多)。使用以下 CSS 规则之一将文本突出显示限制为特定元素。

  • overflow: hidden;或者overflow:auto;
  • position: relative;
  • float:left;或者float:right;

下面的工作示例显示了所有四种工作方法。根据您的需要,有些更容易使用。

工作示例: http: //jsfiddle.net/TFvYu/4/

来源