почему ничего не получается, когда я делаю `margin: 0` для элемента body, который вставляется в кадр с помощью атрибута` srcdoc`? - PullRequest
Новая
       71

почему ничего не получается, когда я делаю `margin: 0` для элемента body, который вставляется в кадр с помощью атрибута` srcdoc`?

0 голосов
/ 19 декабря 2018

Код довольно прост, см. Ниже: 

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<iframe style="height:300px; width:100%"></iframe>
<script>
  document.querySelector('iframe').srcdoc = `
    <body>
      <style>
        body {
          margin: 0;
          background: linear-gradient(90deg,
            #fb3 50%, #655 0);
          background-size: 80px 100%;
        }
      </style>  
    </body>
  `
</script>
</body>
</html>

Я уже сделал пример на codepen , как вы видите, мы ничего не получаем.

Но когда я удаляю код margin: 0; из него, он, наконец, работает, как я ожидал.

Мой вопрос: почему он так себя ведет?

...