为什么这个html5页面上有垂直滚动？答案

【问题标题】：Why there is a vertical scroll on this html5 page?为什么这个html5页面上有垂直滚动？
【发布时间】：2013-05-14 04:40:33
【问题描述】：

为什么这个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>

【问题讨论】：

当我改变 svg { width: 98%; 的值时高度：98%； } like this 没有滚动
Svg 是一个内联元素 stackoverflow.com/questions/4758638/…
@AkshayJoy 这不是正确的做法

标签： html css svg

【解决方案1】：

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

svg {
   display: block;
}

Demo

【讨论】：

【解决方案2】：

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

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

Demo

【讨论】：