| Firefox position:absolute element has scroll bar margin-bottom invalidation | chrome is OK |

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    .box{
      position: absolute;
      top: 100px;
      left: 100px;
      width: 1000px;
      height: 1000px;
      background: -sharpccc;
      margin-bottom: 200px;
    }
  </style>
</head>
<body>
  <div class="box"></div>
</body>
</html>
Mar.14,2021

after observation, we can find that margin still exists, but it is invalid. There is a hole in margin. The margin of the child element will be passed outside the parent element. Guess that Google browser and Firefox browser deal with the outermost elements in different ways

.
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-1e54916-4423a.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-1e54916-4423a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?