html div高度100,html – Div高度100％,不包括标题

好的,所以我知道这个主题有很多问题,但我仍然无法确切地知道如何使这项工作.

This接近问题,但它不适合我.

我希望我的页面有100％的高度.在此页面内是一个高度为40px的静态标题,然后是剩余高度(100％ – 40px)的内容.

HTML：

header

content

CSS：

html,body

{

height: 100%;

margin: 0px;

}

#page

{

min-height: 100%;

}

#header

{

height: 40px;

}

#content

{

height: 100%;

position: absolute;

top: 0;

padding-top: 40px;

}

这是代码的解释：

>我添加了位置：绝对内容,因为否则由于某种原因它不会占用其容器#page的100％

>然后问题是它超出了页面的边界,这就是我添加top：0的原因.

>然后#content的内容与标题重叠,所以我添加了padding-top：40px

>现在#content再次超出了页面的边界

有什么建议？谢谢.

@H_502_21@

这应该工作：

#content

{

height: auto;

width: 100%;

position: absolute;

top: 40px;

bottom: 0;

}

@H_502_21@

@H_502_21@

总结

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

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！