Positioning the center with transform:translate causes the browser to appear a scroll bar

<style>
  div {
    width: 95vw ;
    height: 200px;
    background-color: red;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
  }
</style>
<div></div>

horizontal scroll bar will appear during ie because the width is too long. How to deal with this scroll bar

May.19,2022

if you just want to come to the game through absolute .. You can not even use transform :

  

the possibility of a scroll bar is that only the lower version of ie does not recognize css3. If the best way to be compatible is to use margin-left:-47vw;, but the problem comes again, vw may not recognize it correctly.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1beabdc-31a2d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1beabdc-31a2d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?