有没有办法设置一个布局，使页眉为50px，正文为100%，页脚为50px？我希望body至少用完整个可视区域。我希望页脚和页眉始终显示在屏幕上 最佳答案 我在jsfiddle中创建了一个示例:更新JsFiddle:http://jsfiddle.net/5V288/1025/HTML:ContentCSS:html{height:100%;}body{height:100%;min-height:100%;background:#000000;color:#FFFFFF;position:relative;}#header{heig
有没有办法设置一个布局，使页眉为50px，正文为100%，页脚为50px？我希望body至少用完整个可视区域。我希望页脚和页眉始终显示在屏幕上 最佳答案 我在jsfiddle中创建了一个示例:更新JsFiddle:http://jsfiddle.net/5V288/1025/HTML:ContentCSS:html{height:100%;}body{height:100%;min-height:100%;background:#000000;color:#FFFFFF;position:relative;}#header{heig
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭4年前。Improvethisquestion有没有人有指向Chrome中重复页眉/页脚的文章或工作示例的链接？背景:我已经花了几天时间解决这个问题，但没有运气，有几个Stack提出的解决方案，但似乎没有一个有效(在Chrome中)。由于我们在工作中使用Chrome，所以我只在那里进行了测试，所以下面的很多内容都说Chrome无法做到，但也许我忽略了什么？我尝试了这些堆栈链接(..以及更多):Printfoote
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭4年前。Improvethisquestion有没有人有指向Chrome中重复页眉/页脚的文章或工作示例的链接？背景:我已经花了几天时间解决这个问题，但没有运气，有几个Stack提出的解决方案，但似乎没有一个有效(在Chrome中)。由于我们在工作中使用Chrome，所以我只在那里进行了测试，所以下面的很多内容都说Chrome无法做到，但也许我忽略了什么？我尝试了这些堆栈链接(..以及更多):Printfoote
相关网页如下所示://TheHeader///**//*CONTENT*//**///Thefooter//页眉和页脚都有固定的高度。比方说，两者的高度均为20px。我需要将内容的高度设置为100%减去40px(页眉+页脚高度)。我知道我可以使用JavaScript轻松做到这一点，但如果可能的话，学习如何使用纯CSS来做到这一点会很酷。 最佳答案 如果您的浏览器支持CSS3，请尝试使用CSS元素Calc()height:calc(100%-65px);您可能还想添加浏览器兼容性选项:height:-o-calc(100%-65px)
相关网页如下所示://TheHeader///**//*CONTENT*//**///Thefooter//页眉和页脚都有固定的高度。比方说，两者的高度均为20px。我需要将内容的高度设置为100%减去40px(页眉+页脚高度)。我知道我可以使用JavaScript轻松做到这一点，但如果可能的话，学习如何使用纯CSS来做到这一点会很酷。 最佳答案 如果您的浏览器支持CSS3，请尝试使用CSS元素Calc()height:calc(100%-65px);您可能还想添加浏览器兼容性选项:height:-o-calc(100%-65px)
headercontentspanningseveralpages...Footer-Fixedatthebottomofeachpage我想在打印模式下在每个页面上打印#header和#footer。我搜索了很多，但似乎没有任何效果，甚至position:fixed也没有按预期工作。 最佳答案 如果您愿意为您的布局切换到表格(不一定是理想的)，您可以使用来完成和元素。它们将打印在每一页的顶部和底部:另一种选择是使用显示table-header-group和table-footer-group但跨浏览器支持不是很好:#header{
headercontentspanningseveralpages...Footer-Fixedatthebottomofeachpage我想在打印模式下在每个页面上打印#header和#footer。我搜索了很多，但似乎没有任何效果，甚至position:fixed也没有按预期工作。 最佳答案 如果您愿意为您的布局切换到表格(不一定是理想的)，您可以使用来完成和元素。它们将打印在每一页的顶部和底部:另一种选择是使用显示table-header-group和table-footer-group但跨浏览器支持不是很好:#header{
这个问题在这里已经有了答案:Tablefixedheaderandscrollablebody(30个答案)关闭2年前。我有一个解决方案，通过它我可以使用次要的jQuery和CSS创建带有固定页眉/页脚的可滚动表格-但我正在寻找一种方法使它成为跨浏览器兼容的纯CSS解决方案。明确地说，我想要做的是仅使用table标签(它是有效的子标签，colgroup，col,thead,tbody,tfoot,tr,th,td)，而是采用一套满足以下条件的CSS规则:必须保持页眉/页脚/内容行之间的列对齐必须允许页眉/页脚在内容垂直滚动时保持固定不得要求任何jQuery或其他JavaScript来提
这个问题在这里已经有了答案:Tablefixedheaderandscrollablebody(30个答案)关闭2年前。我有一个解决方案，通过它我可以使用次要的jQuery和CSS创建带有固定页眉/页脚的可滚动表格-但我正在寻找一种方法使它成为跨浏览器兼容的纯CSS解决方案。明确地说，我想要做的是仅使用table标签(它是有效的子标签，colgroup，col,thead,tbody,tfoot,tr,th,td)，而是采用一套满足以下条件的CSS规则:必须保持页眉/页脚/内容行之间的列对齐必须允许页眉/页脚在内容垂直滚动时保持固定不得要求任何jQuery或其他JavaScript来提
