Question

我想在我的div上获得一个垂直滚动条。 id是＆＃34;两者都是＆＃34;。我只能通过滚动来显示我是否有像素化的高度和宽度。它不适用于百分比。下面是html。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
  <body>
   <div id="both">
<h1>Sir Isaac Newton</h1>
    <img id="newton" src="https://lh5.googleusercontent.com/4MW-UzVwXP-y7aJulVuUuyY-fxDZ0k5dBdzKBC-ScBfEXmbk7TwV_iTnESdThc6oKCjVuBviQIrot7A=w1570-h822"></img>
   </div>
  </body>
</html>

以下是css

#newton {
  width: 20%;
  height: 20%;
}
#both {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}

Answer 1

您需要将此规则添加到CSS中，以获得元素百分比高度的高度参考：

html, body {
  height: 100%;
}

如何显示垂直滚动条

1 个答案: