简单的固定定位
来源:互联网 发布:中国男人 外国 知乎 编辑:程序博客网 时间:2024/05/22 03:07
a标签中的href=“#另一个a标签中的name”进行本页面局部跳转。
<!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>
阅读全文
0 0
- 简单的固定定位
- 固定定位简单实例
- jQuery 兼容ie6的固定定位插件,使用简单
- css的固定定位
- 元素的固定定位
- CSS的定位(绝对定位 相对定位 固定定位)
- CSS的定位(绝对定位 相对定位 固定定位
- 跨浏览器的固定定位、覆盖层、固定定位
- 固定定位
- 固定定位
- 固定定位
- 固定定位
- 固定定位
- 相对、绝对和固定定位的比较
- js中的定位固定层的位置
- js中的定位固定层的位置
- 定位datagridview在固定的位置
- 固定-浮动定位在顶部的div
- leetcode4 Median of Two Sorted Arrays
- 开通博客
- Java学习笔记之集合(九):TreeMap的存储原理
- mina框架-------NioSocketAcceptor和NioSocketConnector对象
- java8之接口的默认方法和lambda表达式小结(一)
- 简单的固定定位
- 个人容易忘的知识点罗列(实时更新)
- cntlm for linux 设置
- iOS开发
- Android中判断详细的网络
- 如何减少http请求
- RecyclerView加载瀑布流,图片自适应问题
- 关于mybatis批量问题
- idea快捷键