本文向您介绍如何使用CSS方法来修复网页顶部的DIV。 如果你之前使用过表格布局的话,这个问题并不难。 您只需将页面最里面表格的高度设置为100%即可。 然而css 固定在底部,在Web标准规范中,表格的高度早已是一个被废除的属性,应该避免,所以使用CSS是一个明智的选择。
CSS方式修复页面顶部的DIV
先看这个问题:“如果有一个footer层,我想让它出现在整个页面的最下面,并且不随着页面内容的变化而变化,在CSS中如何设置?比如有一些版权问题因为我整个页面的内容比较少,而且页脚总是跟着内容移动到前面,非常不美观。
如果使用之前的表格布局,这个问题并不难,只需将页面最里面的表格的高度设置为100%即可。 但是,在Web标准规范中,表格的高度早已是被废除的属性,应该避免使用,而且使用Web标准后,不再提倡使用表格布局,那么有没有办法利用CSS来修复浏览器底部页面的页码部分?
让我们解释一下如何修复页面顶部的 DIV。
基本思想
首先考虑在内层设置一个容器DIV,将id设置为#container,使其高度等于浏览器窗口的高度,然后将#footer DIV设置为#container的子DIV,采用绝对定位方式使其固定在#container的底部,以达到将DIV固定到页面顶部的预期效果。
改变浏览器的高度和长度,可以看到Footer部分的效果。
代码
我们首先考虑 HTML 结构。 该演示页面的 HTML 代码非常简单。
html程序代码
内容
请改变浏览器窗口的高度来观察页脚的效果。
这是示例文本,DIV 固定...css 固定在底部,这是示例文本。