5

选择高亮溢出超出父元素的逻辑是什么？

在随附的屏幕截图中，顶部是我目前拥有的，底部是我想要实现的 Photoshop 模型。

在我看来，选择突出显示几乎是随机的。我无法找到任何明确的资源来解释是什么使选择突出显示以何种方式表现。

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

选择溢出示例

4

1 回答 1

2

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

实际上，SO 确实在<code>依赖于overflow: auto;. <blockquotes>没有包含突出显示。

无论如何，似乎有几种方法可以解决这个问题（不过，我相信可能还有更多）。使用以下 CSS 规则之一将文本突出显示限制为特定元素。

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

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

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

来源

于 2013-01-02T03:35:20.657 回答