botton、video标签宽度为小数问题

Question

我使用botton标签，它的父级为div标签，在浏览器开发者工具中查看div的宽度显示是小数，最后经过排查是botton标签导致的，除了botton这个标签，还有video这个视频标签也会出现这种情况，当我把video这个标签换成audio这个标签就可以了，请问botton和video这两个标签为什么会让父级div标签宽度显示为小数？

```html

<div class="play">
                    <div class="btn">
                        <botton class="up"><i></i></botton>
                        <botton class="py_spd"><i></i></botton>
                        <botton class="down"><i></i></botton>
                    </div>
                    
                </div>

#play .play {
        padding-left: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #00a;
    }
    #play .btn{
        display: inline-block;
    }
    #play i {
        color: #ccc;
        font: 50px "icomoon";
    }
    #play .py_spd i {
        font-size: 64px;
        margin-left: 8px;
        margin-right: 8px;
    }
    #play span {
        float: right;
        width: 426px;
        margin-left: 170px;
        margin-right: 250px;
    }

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/13908975982617.jpg '开发者工具.jpg')

Answer 1

你没有给你说的那个div设置一个宽的定值啊，它的宽度是由内容撑开的，你的内容宽度具有不确定性，css的width值本来就允许存在小数，所以显示小数没什么问题，你想要它是整数得要自己固定值啊