我试图在页面底部显示页脚。如果页面长于1个屏幕，我希望页脚仅在滚动到底部后显示。所以我不能使用“position:fixed”，因为它会一直显示。我正在尝试复制以下示例:http://peterned.home.xs4all.nl/examples/csslayout1.html但是，当我使用以下内容时，由于某种原因，页脚显示在我的长页面的一半。position:absolute;bottom:0我有短页面和长页面，我希望它位于它们的底部。如何将页脚也放在长页面的底部？fiddle我创建了这些Fiddles来显示问题并测试代码。请发布一个包含您的解决方案的工作示例。ShortpageL
我试图在页面底部显示页脚。如果页面长于1个屏幕，我希望页脚仅在滚动到底部后显示。所以我不能使用“position:fixed”，因为它会一直显示。我正在尝试复制以下示例:http://peterned.home.xs4all.nl/examples/csslayout1.html但是，当我使用以下内容时，由于某种原因，页脚显示在我的长页面的一半。position:absolute;bottom:0我有短页面和长页面，我希望它位于它们的底部。如何将页脚也放在长页面的底部？fiddle我创建了这些Fiddles来显示问题并测试代码。请发布一个包含您的解决方案的工作示例。ShortpageL
我正在为我的公司构建一个Wordpress博客，我选择了一个我认为适合我们业务的主题。我在页脚中添加了小部件区域，以便于轻松定制。当页面加载时，页脚下方有一个奇怪的空白区域，但这只发生在IE中。在Chrome中，当我在底部并刷新页面时，我可以看到空白区域，但在页面加载后它就会消失。该页面在除IE之外的所有内容中都能正确呈现。任何帮助摆脱这个将不胜感激。这是blog的实时链接. 最佳答案 您可以尝试一些事情。从.fb_reset类中删除line-height:1，因为#fb-rootdiv本质上是空的这不应该呈现——但是IE可能会感到
我正在为我的公司构建一个Wordpress博客，我选择了一个我认为适合我们业务的主题。我在页脚中添加了小部件区域，以便于轻松定制。当页面加载时，页脚下方有一个奇怪的空白区域，但这只发生在IE中。在Chrome中，当我在底部并刷新页面时，我可以看到空白区域，但在页面加载后它就会消失。该页面在除IE之外的所有内容中都能正确呈现。任何帮助摆脱这个将不胜感激。这是blog的实时链接. 最佳答案 您可以尝试一些事情。从.fb_reset类中删除line-height:1，因为#fb-rootdiv本质上是空的这不应该呈现——但是IE可能会感到
我之前在处理打印样式表时遇到了IE8的问题。我正在使用HTML5和几个布局标签，包括页眉、导航和页脚。出于某种原因，在我的打印样式表中显示:无；这些标签上的声明在IE8中被忽略(我只能假设后续的较低版本)。我首先认为IE9中的开发人员工具可能会导致错误的表示，但是我在VirtualBox中安装了WindowsXP，它也显示了这个问题。我猜这是因为HTML5标签不能被IE9以下的任何东西正确识别。打印样式表隐藏了Firefox和Chrome中的布局标签。有什么办法可以解决这个问题吗？编辑:这是我目前拥有的:/style.css"type="text/css"media="screen"/
我之前在处理打印样式表时遇到了IE8的问题。我正在使用HTML5和几个布局标签，包括页眉、导航和页脚。出于某种原因，在我的打印样式表中显示:无；这些标签上的声明在IE8中被忽略(我只能假设后续的较低版本)。我首先认为IE9中的开发人员工具可能会导致错误的表示，但是我在VirtualBox中安装了WindowsXP，它也显示了这个问题。我猜这是因为HTML5标签不能被IE9以下的任何东西正确识别。打印样式表隐藏了Firefox和Chrome中的布局标签。有什么办法可以解决这个问题吗？编辑:这是我目前拥有的:/style.css"type="text/css"media="screen"/
我有一个...我的HTML中基本上类似于工具栏的部分。有没有一种方法可以强制该部分位于网页底部(文档，而不是视口(viewport))并将其居中？ 最佳答案 我想你要找的是这个:http://ryanfait.com/sticky-footer/这是一个优雅的纯CSS解决方案!我使用它，它完美地适用于所有浏览器中的各种布局!就我而言，它是唯一适用于所有浏览器和布局的优雅解决方案。@Josh:不，这不是Blankman想要的，他想要一个贴在文档底部的页脚，而不是视口(viewport)(浏览器窗口)的底部。因此，如果内容比浏览器窗口短
我有一个...我的HTML中基本上类似于工具栏的部分。有没有一种方法可以强制该部分位于网页底部(文档，而不是视口(viewport))并将其居中？ 最佳答案 我想你要找的是这个:http://ryanfait.com/sticky-footer/这是一个优雅的纯CSS解决方案!我使用它，它完美地适用于所有浏览器中的各种布局!就我而言，它是唯一适用于所有浏览器和布局的优雅解决方案。@Josh:不，这不是Blankman想要的，他想要一个贴在文档底部的页脚，而不是视口(viewport)(浏览器窗口)的底部。因此，如果内容比浏览器窗口短
我没有容器，没有包装器。我只是有这样的布局...我想做的是确保页脚始终位于屏幕底部，无论我的内容是否非常靠下，甚至没有足够的内容一直显示到屏幕底部。截至目前，我可以使用上面列出的两种方法中的任何一种，但我希望这两种方法都能起作用。这是我为此设置的CSS。html{height:100%;}body{height:100%;position:relative;}#footer{position:absolute;bottom:0;}我知道如果我应用min-height:100%;到CSS文档中的HTML元素，它将随着内容的移动而移动，但如果我没有任何内容，就其本身而言，它不会停留在屏幕底
我没有容器，没有包装器。我只是有这样的布局...我想做的是确保页脚始终位于屏幕底部，无论我的内容是否非常靠下，甚至没有足够的内容一直显示到屏幕底部。截至目前，我可以使用上面列出的两种方法中的任何一种，但我希望这两种方法都能起作用。这是我为此设置的CSS。html{height:100%;}body{height:100%;position:relative;}#footer{position:absolute;bottom:0;}我知道如果我应用min-height:100%;到CSS文档中的HTML元素，它将随着内容的移动而移动，但如果我没有任何内容，就其本身而言，它不会停留在屏幕底
