固定页脚的CSS
我有一个非常基本的HTML页面。该代码如下所示：
<body>
<header style="min-height: 255px;">
</header>
<article style="padding-bottom: 60px; width: 900px; margin: 0 auto;">
Body text goes here.
</article>
<footer style="position: absolute; bottom: 0px; width: 100%; height: 60px; background-color: black;">
Copyright information
</footer>
</body>
通常，我的正文非常大。文本足够大，因此需要滚动条。看起来页脚位于文本顶部，而底部。然后，当我向下滚动时，页脚不会保持固定。我究竟做错了什么？
谢谢
问题答案：
您需要position:fixed;在页脚中：
<body>
<header style="min-height: 255px;">
</header>
<article style="padding-bottom: 60px; width: 900px; margin: 0 auto;">
Body text goes here.
</article>
<footer style="position: fixed; bottom: 0px; width: 100%; height: 60px; background-color: black;">
Copyright information
</footer>
</body>
-
C#.NET核心代码 HTML CSS 任何帮助都将不胜感激。 只是一个小注意-这个pdf将只有1页，所以一个硬编码的解决方案可能会被考虑。
-
我正在纠结于应用程序的布局。我只想用HTML&CSS来实现它，但绝望正在逼近。我需要： 固定高度、100%宽度、静态标题 固定高度、100%宽度、静态页脚 固定宽度的内容区域，居中和全部剩余高度 内容区域需要： 两列，均为全高 上面的内容相当简单，但可能需要更改以适应下一部分。 每一列都需要： 静态标头 静态页脚 页眉和页脚之间的可滚动内容区域 我花了一天的时间尝试各种方法（甚至是基于--喘息--
-
我将页眉和页脚设置为Position：Fixed。但如果是可滚动的内容，则文本将转到页眉/页脚区域：下面是我的完整代码:http://jsfidle.net/kaqz1km2/6/ 在这种情况下，我不想使用background-image或background-color。 下面是CSS： null null
-
问题内容： 我正在寻找一种解决常见问题的方法，即在页面的页脚处停止固定对象。 我基本上在屏幕的左下角有一个固定的“共享”框，我不希望它在页脚上滚动，因此我需要它在页脚上方停止。 我在这里以及其他地方都看过其他问题。但是我无法使其适合我的情况。 这是共享框的html： …和CSS： 页脚是并且它没有固定的高度（如果有任何区别）。 如果有人可以帮助我为此创建一个简单的jQuery解决方案，我将不胜感激
-
这是我的代码，我想我的页脚是静态的在我的html页面底部，我如何修复它？
-
问题内容： 我最近一直在研究CSS布局，该布局将显示固定宽度（最小宽度，最好可扩展）的单个居中列，占据整个高度（减去页眉和页脚）。 有什么建议吗？我已经尝试过这里发布的几种方法，但是没有一种符合我的标准。另外，我不想为此使用JS，因此它必须是纯CSS。 我不是专家，所以我不知道采用哪种方法： 三列，每列的边距减去中心列宽度的一半再加上一个假的中心列，以拉伸到100％的高度？我有点不喜欢这个想法，因