scrollHeight是否会受到CSS样式影响

scrollHeight 是一个只读属性，它表示元素的内容高度（包括由于溢出导致的不可见内容）。scrollHeight 的值取决于元素的内容和 CSS 样式。

以下是一些会影响 scrollHeight 的 CSS 样式：

1. height：设置元素的高度。如果设置的高度小于元素的实际内容高度，scrollHeight 会大于实际高度；如果设置的高度大于或等于元素的实际内容高度，scrollHeight 会等于实际高度。

2. overflow：控制元素内容溢出的处理方式。overflow 可以设置为 visible（默认值，溢出内容可见）、hidden（溢出内容隐藏）、scroll（始终显示滚动条）或 auto（根据需要显示滚动条）。scroll 和 auto 都会导致 scrollHeight 大于实际内容高度。

3. display：设置元素的显示类型。某些显示类型可能会影响元素的高度，从而影响 scrollHeight。

4. position：设置元素的定位方式。某些定位方式可能会导致元素的高度发生变化，从而影响 scrollHeight。

5. box-sizing：设置元素的盒模型。box-sizing 可以设置为 content-box（默认值，元素的高度不包括内边距和边框）或 border-box（元素的高度包括内边距和边框）。不同的盒模型计算方式可能会影响元素的高度和 scrollHeight。

总之，scrollHeight 会受到 CSS 样式的影响，因为它取决于元素的内容和 CSS 样式。