CSS计算小数点精度问题？

Question

<style>
    *{margin: 0;padding: 0;}
    .box{display:flex;width:600px;height:300px;}
    .left{
        flex-grow: 0.991;
        width: 100px;
        background: green;
    }
</style>

<div class='box'>
    <div class="left" id="left"></div>
    <script>
        console.log(document.getElementById('left').getBoundingClientRect().width);// 595.4874877929688
    </script>
</div>

我希望元素的宽度为100+(500*0.991)=595.5chrome devtools Elements选项显示549.49为什么不显示595.5？

Answer 1

我复制了您的代码，并在chrome和firefox上进行了测试，并返回595.484375作为宽度值。您是否尝试过删除缓存？或尝试使用其他浏览器？