@barbarisanet

Как убрать артефакт за пределами тега?

Здравствуйте!
Делаю тут расширение для Chrome, столкнулся с проблемой. Появляется артифакт - см. по стрелочкам на скрине.
Если открыть просто как страницу - пробемы нет.
Если style="width:417px; уменьшить до width:416px; артефакт пропадает.
Если убрать параграф "critical" - артефакт пропадает. То есть как-то завязано на размеры окна.
Игрался с марджинами, педдингами, нормализацией - не помогает.
Вот верстка для воспроизведения:
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover,maximum-scale=1,user-scalable=0">
    <title>artefact</title>
    <link rel="stylesheet" href="https://unpkg.com/normalize.css">
  </head>
  <body>
    <div style="width:417px; background-color: white;">
      <p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p>
      <p>critical</p>
    </div>
  </body>
</html>

6689014d0fd10972102433.png
  • Вопрос задан
  • 110 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы