html元素如何仅使用css填充剩余屏幕高度的100％？_html-js-css

概述我有一个标题元素和一个内容元素： #header#content 我希望标题具有固定的高度和内容以填充屏幕上可用的所有剩余高度,溢出-y：滚动;. 这可能没有Javascript？谢谢. 对此的诀窍是指定高度：100％;在html和body元素上. 有些浏览器会查看父元素(html,body)来计算高度. <html> <body> <div id="Header"> 我有一个标题元素和一个内容元素：

#header#content

我希望标题具有固定的高度和内容以填充屏幕上可用的所有剩余高度,溢出-y：滚动;.

这可能没有JavaScript？谢谢.

解决方法对此的诀窍是指定高度：100％;在HTML和body元素上.
有些浏览器会查看父元素(HTML,body)来计算高度.

<HTML>    <body>        <div ID="header">        </div>        <div ID="Content">        </div>    </body></HTML>HTML,body{    height: 100%;}#header{    wIDth: 960px;    height: 150px;}#Content{    height: 100%;    wIDth: 960px;}

总结

以上是内存溢出为你收集整理的html元素如何仅使用css填充剩余屏幕高度的100％？全部内容，希望文章能够帮你解决html元素如何仅使用css填充剩余屏幕高度的100％？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1109675.html

html元素如何仅使用css填充剩余屏幕高度的100％？

发表评论

评论列表（0条）