Chrome 和 Firefox 计算包裹在列中的 div 的高度不同

问题描述 投票:0回答:0

当我在 Chrome 和 Firefox 上运行它并检查控制台日志时,

heightWrapper
div 的滚动高度显示为不同(Chrome 显示 36 px,而 Firefox 显示 18 px)。我想在 Firefox 上有 Chrome 版本的高度计算。

https://jsfiddle.net/krank56/nb9aLomr/

<html>
<head>
<style>
.column-wrapper{
  column-count: 6;
  column-rule: 0;
  column-gap: 0;
  
}

.fixed-height-container{
  height: 2000px;
}
</style>
</head>
<body>

<div class="fixed-height-container">
<div class="column-wrapper">

<div class="height-wrapper">
<div class="content">
Text
</div>

<div class="content">
More text
</div>
</div>

</div>
</div>

<script>
const heightWrapper = document.querySelector(".height-wrapper")
console.log(heightWrapper.scrollHeight)
</script>

</body>
</html>

javascript css height multiple-columns
© www.soinside.com 2019 - 2024. All rights reserved.