实现CSS+DIV内容底部显示的代码

发布时间:2019-12-13编辑:脚本学堂
前面文章讲过关于CSS+DIV内容居中显示的方法,那么要实现CSS+DIV 内容底部显示是不是和居中显示的方法类似呢?请看本文中的例子,希望能给您带来帮助。

Html代码
 

复制代码 代码示例:
1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.
3.<html xmlns="http://www.w3.org/1999/xhtml">
4.<head>
5.    <title>testing</title>
6.<style type="text/css">
7.#foot{position:fixed;_position:absolute;bottom:0px;_bottom:0px;_margin-top:expression(this.style.pixel
Height+document.documentElement.scrollTop)}
8.</style>
9.</head>
10.<body>
11.<div  style="height:1500px;">
12.   为了看到效果....我用 div 撑开界面,,
13.</div>
14.<div id="foot">
15.   我要一直显示在底部.....
16.</div>
17.</body>
18.</html>
 

 注:代码中的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
一定要有的。
有兴趣的可以进一步了解CSS+div居中显示的代码。

>>> 查看更多 css 居中 相关教程 <<<