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

相关网页如下所示:
// 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;
}

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

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在'',则表示换行,用''切割。
代码实现 option = { backgroundColor: '#080b30', tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...