我在html中有一个button元素，如下所示，
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body style="height:100%;">
<button id="chartContainer" style="height:100%;" >
</button>
</body>
</html>
我需要按钮来填充窗口的高度。调整窗口大小时，按钮应适应窗口大小。所以我已将按钮的高度指定为100％，但无法正常工作。
请参阅下面的链接，图表元素将填充整个窗口，在调整窗口大小时，图表会以可用大小自动收缩
是否可以将按钮填充到窗口大小？
提前致谢
不确定为什么要这样做，但是无论如何，答案是，您还需要height: 100%;为父元素设置。
html, body {
height: 100%;
}
button {
height: 100%;
width: 100%;
}
正如您评论的那样，为什么还需要元素的100%高度html，原因是，当您不对元素设置任何高度时，默认高度是auto，因此当您100%在子元素上使用时，它会失败，原因100%是什么？所以序，使这项工作，你需要设置height到父元素为好，因此现在你可以说，这button高度是100％，body而且body是100％，html并且html是视域的100％。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句