固定定位简单实例
2017-09-26 11:15
141 查看
固定定位
简单的固定定位实例<!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> <div id="dh2"> <a href="#nz">女装</a> <a href="#man">男装</a> <a href="#dq">电器</a> <a href="">返回顶部</a> </div> <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>
相关文章推荐
- jQuery 兼容ie6的固定定位插件,使用简单
- javascript中的toFixed固定小数位数 简单实例分享
- js截取固定长度的中英文字符的简单实例
- jQuery 兼容ie6的固定定位插件,使用简单
- jquery 获取dom固定元素 添加样式的简单实例
- js截取固定长度的中英文字符的简单实例
- 简单的固定定位
- Android入门之简单GPS定位实例
- Android简单定位实例
- CSS实例(六):实现网页固定大小三态图形按钮简单方法
- Android简单定位实例
- 微信小程序 地图定位简单实例
- Android简单定位实例
- 一个关于google map定位的简单实例
- CSS相对定位,固定定位,绝对定位实例方法和实例
- Android简单定位实例
- IOS 城市定位详解及简单实例
- jQuery导航条固定定位效果实例代码
- android基础:获取GPS定位简单实例
- 简单实现类似购物网站中的固定定位