0

为什么这个html5页面上有垂直滚动：

<!DOCTYPE html>
<html><head>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
    }
    svg {
      width: 100%;
      height: 100%;
    }
  </style>
</head><body>
  <svg></svg>
</body></html>
4

2 回答 2

3

svg是一个内联元素，就像imgor一样span，不确定这是一个错误还是什么，但使用display: block;确实可以解决问题

svg {
   display: block;
}

演示

于 2013-05-14T04:45:36.960 回答
1

如果你能提供display:block它应该消失。内联元素的行为方式很奇怪，但不确定为什么会发生这种情况......

 svg {
      width: 100%;
      height: 100%;
      display:block
    }

演示

于 2013-05-14T04:45:48.707 回答