简单实现类似购物网站中的固定定位
2017-09-26 15:29
316 查看
<!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> b268 <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>
相关文章推荐
- EclipseEE+Tomcat8+MySQL+花生壳 实现简单的购物网站(外网可访问)
- php实现一个简单的购物网站
- 如果简单使用固定url实现类似友盟的在线参数
- Git 分支 - 分支的新建与合并 分支的新建与合并 让我们来看一个简单的分支新建与分支合并的例子,实际工作中你可能会用到类似的工作流。 你将经历如下步骤: 开发某个网站。 为实现某个新的需求,创
- 购物网站中购物车的简单实现
- 企业网站展示补充用Jquery实现简单的动态变化效果
- 基于express,MySQL,ejs实现的一个简单基本的网站后台管理应用
- CSS实现定位DIV固定在网页底部
- Android上实现一个简单的天气预报APP(十四) 使用百度API定位城市
- 类似百度地图实现步骤的简单分析
- 定位:利用百度地图定位架包实现简单定位
- 层模型--固定定位(参考医院网站底部提示框)
- 固定表头简单实现
- 基于百度地图 Android SDKv1.3.5实现简单的定位功能,自定义标题栏
- 、简单实现百度地图实时定位功能
- 使用jquery简单实现腾讯地图的地址搜索定位功能
- 用JS实现购物网站商品放大镜效果
- 通过简单JQUERY实现网站常见的隐藏式菜单
- Android之---RecycleView实现简单的图片查看功能(类似相册查看器)
- 用jsp实现一个简单的购物车web应用系统。实现的添加购物商品,删除购物商品并且显示购物车信息。