实现固定定位简单实例

来源：动视网责编：小采时间：2020-11-27 20:12:37

实现固定定位简单实例

实现固定定位简单实例:固定定位简单的固定定位实例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> p{ line-height: 50px; } #dh{ bor

推荐度：

点击下载本文 文档为doc格式

导读实现固定定位简单实例:固定定位简单的固定定位实例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> p{ line-height: 50px; } #dh{ bor

固定定位

简单的固定定位实例

<!DOCTYPE html><html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <style>
 p{ 
 line-height: 50px; 
 }
 #dh{ 
 border: 1px solid #000000; width: 100%; height: 50px; background-color: #FFFFFF; position: fixed;/*固定定位*/
 top: 0px; }

 #dh2{ border: 1px solid #000000; background-color: #FFFFFF; width: 100px; height: 300px; position: fixed; left: 300px; top: 300px; }

 a{ display: block; margin: 20px; }
 </style>
 </head>
 <body>

 <p id="dh2">
 <a href="#nz">女装</a>
 <a href="#man">男装</a>
 <a href="#dq">电器</a>
 <a href="">返回顶部</a>
 </p>
 <font color="red">这里是顶部</font>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <a name="nz"></a>
 <font color="red">这里是女装</font>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <a name="man"></a>
 <font color="red">这里是男装</font>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <p>这是文本内容</p>
 <a name="dq"></a>
 <font color="red">这里是电器</font>
 </body> </html>

实现固定定位简单实例

实现固定定位简单实例:固定定位简单的固定定位实例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> p{ line-height: 50px; } #dh{ bor

推荐度：

点击下载本文 文档为doc格式

标签：定位简单实现

热门焦点

实现固定定位简单实例

实现固定定位简单实例

固定定位

实现固定定位简单实例

最新推荐

猜你喜欢

热门推荐