欢迎光临

木子屋

标题: 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 1.635 ms

返回

标题: DIV固定浮动在网页顶端或底部代码

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.635 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.666 ms

返回