标题: DIV固定浮动在网页顶端或底部代码
作者: dnawo
日期: 2014-03-12 05:33 PM
分类: HTML/CSS
内容: 1、DIV固定浮动在网页顶端代码
复制内容到剪贴板 程序代码<div style="position:fixed; top:0; z-index:100">top</div>
说明：要使div里的文本居中，增加“width:100%; text-align:center;”即可（下同）。
2、DIV固定浮动在网页底部代码
复制内容到剪贴板 程序代码<div style="position:fixed; bottom:0; z-index:100">bottom</div>
完整示例
复制内容到剪贴板 程序代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DIV</title>
<style type="text/css">body{margin:0; padding:0;}</style>
</head>
<body>
<div style="position:fixed; top:0; z-index:100;">top</div>
<div style="height:2000px; background-color:#A8A8B7">hello,world!</div>
<div style="position:fixed; bottom:0; z-index:100;">bottom</div>
</body>
</html>
+ 查看当前日志评论 (0)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.047 ms