相关网页如下所示:
// 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; }
只需确保不要将边距和高度放在同一个标签中.你会体验到一些疯狂的结果.