定位居中用transform:translate导致浏览器出现滚动条

Question

<style>   div {    width: 95vw ;    height: 200px;    background-color: red;    position: absolute;    left:50%;    transform: translateX(-50%);   }</style><div></div>在ie的时候会因为width过长而出现横向滚动条，该怎么处理这个滚动条

Answer 1

如果你只是通过absolute想来局中的话..你甚至可以不用transform:

.class {    position: absolute;    left: 0;    right: 0;    width: 95vw;    margin: auto;
}

让absolute + margin分配剩余空间, 这个方法需要设置宽高.