html – CSS – 100%的高度减去#px – 页眉和页脚

html – CSS – 100%的高度减去#px – 页眉和页脚,第1张

概述相关网页如下所示: // The Header ///* *//* CONTENT *//* */// The footer // 标题和页脚均具有固定的高度.比方说,两者的高度都是20px.我需要将内容的高度设置为100%减去40px(页眉高度).我知道我可以使用JavaScript轻松做到这一点,但是如果可以的话,学习如何使用简单的CS 相关网页如下所示:
// The header ///*            *//*  CONTENT   *//*            */// The footer //

标题和页脚均具有固定的高度.比方说,两者的高度都是20px.我需要将内容的高度设置为100%减去40px(页眉高度).我知道我可以使用JavaScript轻松做到这一点,但是如果可以的话,学习如何使用简单的CSS来做到这一点是很好的.

解决方法
#header /* hypothetical name */{    height:100%;}#header p /* or any other tag */{    margin:20px 0 20px 0;}

只需确保不要将边距和高度放在同一个标​​签中.你会体验到一些疯狂的结果.

总结

以上是内存溢出为你收集整理的html – CSS – 100%的高度减去#px – 页眉和页脚全部内容,希望文章能够帮你解决html – CSS – 100%的高度减去#px – 页眉和页脚所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1100764.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存