我没有容器，没有包装器。我只是有这样的布局...我想做的是确保页脚始终位于屏幕底部，无论我的内容是否非常靠下，甚至没有足够的内容一直显示到屏幕底部。截至目前，我可以使用上面列出的两种方法中的任何一种，但我希望这两种方法都能起作用。这是我为此设置的CSS。html{height:100%;}body{height:100%;position:relative;}#footer{position:absolute;bottom:0;}我知道如果我应用min-height:100%;到CSS文档中的HTML元素，它将随着内容的移动而移动，但如果我没有任何内容，就其本身而言，它不会停留在屏幕底
我正在尝试创建一个包含三个div的页面:一个页眉、一个页脚和一个内容区域。这些应该占据屏幕的100%。页眉和页脚很小并且不会改变，内容区域可以是任意大小，所以我添加了overflow:auto使其在变得太大时滚动。问题是，它溢出了屏幕的高度。我创建了一个fiddle来演示:https://jsfiddle.net/tdxn1e7p/我使用以下CSS设置html和正文高度，所以height:100%trick在容器上将工作:html,body{height:100%;}我的文档结构是:HeadercontentBodycontent...thiscouldbeverylongFooter
我正在尝试创建一个包含三个div的页面:一个页眉、一个页脚和一个内容区域。这些应该占据屏幕的100%。页眉和页脚很小并且不会改变，内容区域可以是任意大小，所以我添加了overflow:auto使其在变得太大时滚动。问题是，它溢出了屏幕的高度。我创建了一个fiddle来演示:https://jsfiddle.net/tdxn1e7p/我使用以下CSS设置html和正文高度，所以height:100%trick在容器上将工作:html,body{height:100%;}我的文档结构是:HeadercontentBodycontent...thiscouldbeverylongFooter
我正在尝试创建一个网页布局，其中包含页眉/页脚(100%宽度，145像素高度)、页眉/页脚之间的“主要区域”(100%宽度、动态高度)以及内容周围的容器这是一种独特的背景颜色(860像素宽度，动态高度，但始终与页脚“齐平”)。(SeeExampleforavisual)我遇到的问题是，当内容最少时，我似乎无法让“内容容器”始终与页脚齐平。使用像(originalexample)这样的设置会导致页脚float在内容之上，如果有可观/“正常”的内容量或窗口大小调整的话。下面的CSS会导致内容和页脚之间出现空白。html,body{margin:0;padding:0;height:100%
我正在尝试创建一个网页布局，其中包含页眉/页脚(100%宽度，145像素高度)、页眉/页脚之间的“主要区域”(100%宽度、动态高度)以及内容周围的容器这是一种独特的背景颜色(860像素宽度，动态高度，但始终与页脚“齐平”)。(SeeExampleforavisual)我遇到的问题是，当内容最少时，我似乎无法让“内容容器”始终与页脚齐平。使用像(originalexample)这样的设置会导致页脚float在内容之上，如果有可观/“正常”的内容量或窗口大小调整的话。下面的CSS会导致内容和页脚之间出现空白。html,body{margin:0;padding:0;height:100%
我的页脚有问题。我希望页脚留在屏幕底部，但有一个小问题。使用移动浏览器时，打开键盘时某些字段会被页脚挡住。页脚高出键盘并挡住您正在输入的字段。如何将页脚保持在底部并防止它高出键盘？我希望它隐藏在键盘下方。我正在使用Bootstrap，但我在自己的CSS中设置了以下内容:footer{width:100%;position:absolute;left:0px;bottom:0px;height:40px;margin:auto;overflow:hidden;background:#2E2E2E;text-align:center;line-height:15px;color:#fff;
我的页脚有问题。我希望页脚留在屏幕底部，但有一个小问题。使用移动浏览器时，打开键盘时某些字段会被页脚挡住。页脚高出键盘并挡住您正在输入的字段。如何将页脚保持在底部并防止它高出键盘？我希望它隐藏在键盘下方。我正在使用Bootstrap，但我在自己的CSS中设置了以下内容:footer{width:100%;position:absolute;left:0px;bottom:0px;height:40px;margin:auto;overflow:hidden;background:#2E2E2E;text-align:center;line-height:15px;color:#fff;
是否可以创建位于网站底部的页脚div，而不管中间有多少信息？目前，我所拥有的div的位置取决于我在正文中有多少内容。Seealso:HowdoyougetthefootertostayatthebottomofaWebpage? 最佳答案 我绝不是css专家，但这对我来说适用于主要浏览器:.d_footer{position:fixed;bottom:0px;background-color:#336699;width:100%;text-align:center;padding-top:5px;padding-bottom:5px
是否可以创建位于网站底部的页脚div，而不管中间有多少信息？目前，我所拥有的div的位置取决于我在正文中有多少内容。Seealso:HowdoyougetthefootertostayatthebottomofaWebpage? 最佳答案 我绝不是css专家，但这对我来说适用于主要浏览器:.d_footer{position:fixed;bottom:0px;background-color:#336699;width:100%;text-align:center;padding-top:5px;padding-bottom:5px
我无法将页脚居中放置在页面底部。这是我的代码footer{background-color:#FFF;position:fixed;bottom:0px;width:400px;text-align:center;}March25,2 最佳答案 只需将宽度设置为100%width:100%; 关于html-如何使页脚居中到页面底部？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/
