用css实现的固定定位
来源:互联网 发布:七星彩庄家辅助软件 编辑:程序博客网 时间:2024/06/11 20:58
<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
- 用css实现的固定定位
- css的固定定位
- CSS的定位(绝对定位 相对定位 固定定位)
- CSS的定位(绝对定位 相对定位 固定定位
- 前端网页css实现固定定位
- css固定定位
- CSS定位之固定定位
- css 固定定位 相对定位 绝对定位
- css相对定位、绝对定位、固定定位
- css :相对定位,绝对定位,固定定位
- CSS实现定位DIV固定在网页底部
- CSS固定定位{position:fixed}
- CSS基础之固定定位
- 什么是CSS中固定定位?
- 推荐:用CSS实现的固定表头的HTML表格
- 用CSS实现的固定表头的HTML表格
- 跨浏览器的CSS固定定位{position:fixed}
- 跨浏览器的CSS固定定位{position:fixed}
- Redis集群~StackExchange.redis连接Twemproxy代理服务器
- 再讲IQueryable<T>,揭开表达式树的神秘面纱
- Docker容器环境下ASP.NET Core Web API应用程序的调试
- TagHelper是怎么实现的
- 大数据项目实践:基于hadoop+spark+mongodb+mysql开发医院临床知识库系统
- 用css实现的固定定位
- 登录工程:传统 Web 应用中的身份验证技术
- JWT【JSON Web Token】 简述
- Android ListView 中更新 ProgressBar 进度完整demo
- Pylearn2之YAML
- Docker for Windows使用简介
- 深度探索c++对象模型(4)
- JWT【JSON Web Token】 简述
- 微软开源PowerShell并支持Linux