确定渲染树中的元素

黑夜

在Web浏览器的上下文中,“渲染树”仅包含在网页上可见的元素。因此带有的元素display: none不会进入渲染树。但我知道,渲染树中包含带有height: 0和的元素position : absolute; left: 100%,即使在渲染时它们不会在网页上可见。那么,为什么这些元素仍包含在渲染树中?

海道
  • 因为它们可能仍然包含可见的子节点,所以:

.no-height {
  height: 0;
};
.absolute {
  position: absolute;
}
<div class="no-height">
  <p class="absolute">still here</p>
</div>

  • 因为它们仍然可以具有可见的边界或边距

.no-height {
  height: 0;
  border: 5px solid;
  margin: 120px;
};
<div class="no-height">
</div>
I should be at top

  • 因为它们可能会对其他可见节点产生一些影响:

.no-height {
  height: 0;
};
<div>
  some inline<div class="no-height"></div>text
</div>

  • ...

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Rails中递归渲染树

来自分类Dev

在Rails中递归渲染树

来自分类Dev

使用 react-window 防止在虚拟化树组件中重新渲染 DOM 元素

来自分类Dev

树中的最小元素

来自分类Dev

树中的最小元素

来自分类Dev

渲染模板中的元素

来自分类Dev

确定XDocument中的元素

来自分类Dev

在树中动态更改节点渲染

来自分类Dev

extjs 5中的树面板无法渲染

来自分类Dev

在Jinja模板中渲染线程注释树

来自分类Dev

树中的最大元素

来自分类Dev

树中的最大元素

来自分类Dev

为什么渲染树不包含绝对定位的元素?

来自分类Dev

访问AngularJS中的渲染元素

来自分类Dev

MyFaces 1.1.1中的渲染元素

来自分类Dev

确定UICollectionViewCell中的轻击元素

来自分类Dev

从列表中确定元素的类型

来自分类Dev

确定UICollectionViewCell中的轻击元素

来自分类Dev

在Prolog中检查元素是否在树中

来自分类Dev

B +树中的最大和最小元素

来自分类Dev

Haskell IO:从树中删除随机元素

来自分类Dev

Python从XML树中删除重复的元素

来自分类Dev

在Python的元素树中设置布尔

来自分类Dev

在Python的元素树中设置布尔

来自分类Dev

我无法在树中建立元素列表

来自分类Dev

Python从XML树中删除重复的元素

来自分类Dev

如何遍历元素列表中的dom树

来自分类Dev

根据术语列表从树中删除元素

来自分类Dev

通过镜头从树中滤除内部元素