2017-05-10 17 views
0

我想在我的div上获得垂直滚动条。该ID是“两个”。我只能得到滚动显示,如果我有像素化的高度和宽度。它不适用于百分比。下面是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; 
} 
+1

的http://计算器.COM /问题/ 24700184 /如何-DO-力-A-垂直滚动条到出现 – Sylogista

回答

1

您需要将此规则添加到您的CSS来为您元素的百分比高度的高度参考:

html, body { 
    height: 100%; 
}