HTML之固定定位
来源:互联网 发布:旧java se 6 for mac 编辑:程序博客网 时间:2024/05/21 18:31
<!DOCTYPE html>
<html>
<head>
<metacharset="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>
<divid="dh2">
<ahref="#nz">女装</a>
<ahref="#man">男装</a>
<ahref="#dq">电器</a>
<ahref="">返回顶部</a>
</div>
<fontcolor="red">这里是顶部</font>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<aname="nz"></a>
<fontcolor="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>
<aname="man"></a>
<fontcolor="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>
<aname="dq"></a>
<fontcolor="red">这里是电器</font>
</body>
</html>
<html>
<head>
<metacharset="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>
<divid="dh2">
<ahref="#nz">女装</a>
<ahref="#man">男装</a>
<ahref="#dq">电器</a>
<ahref="">返回顶部</a>
</div>
<fontcolor="red">这里是顶部</font>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<p>这是文本内容</p>
<aname="nz"></a>
<fontcolor="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>
<aname="man"></a>
<fontcolor="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>
<aname="dq"></a>
<fontcolor="red">这里是电器</font>
</body>
</html>
阅读全文
0 0
- HTML之固定定位
- HTML5学习_day06(4)--html之固定定位
- CSS定位之固定定位
- 【Html】层模型--固定定位
- 固定浮动定位之fixed
- CSS基础之固定定位
- CSS之定位,相对定位,绝对定位,固定定位
- 固定定位
- 固定定位
- 固定定位
- 固定定位
- 固定定位
- html 盒子模型基础(相对定位,绝对定位,固定定位)(八)
- HTML之绝对定位Absolute
- HTML之相对定位relative
- html之定位、浮动补充
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- 码农成长记——css之固定定位
- 关于百度地图SDK v3.6.0以上版本找不到PoiOverlay类(开源代码)的解决方法
- 异常处理try...except、raise
- C++程序设计--宏定义使用--返回值
- gradle find bugs
- HttpClient POST 请求每次响应延迟3秒问题
- HTML之固定定位
- css transform制作三角图形
- VC 隐藏驱动器 -win7下测试可用
- 1.偏头痛杨的rocketmq4.x入门之基础概念扫盲篇
- Oracle数据移动-导入和导出
- 多线程
- [lcm] MTK平台移植屏幕lcd过程要点
- IntelliJ IDEA 2016.2 配置Tomcat 运行Web项目
- pgpool(3.6.5)的一个巨坑