Document - 锐客网 * {
margin: 0;
padding: 0;
}.one {
width: 90%;
height: 400px;
background-color: pink;
margin: 20px auto;
color: white;
}.two {
width: 90%;
height: 400px;
background-color: purple;
color: white;
margin: 20px auto;
}.three {
width: 90%;
height: 1800px;
background-color: blue;
margin: 20px auto;
color: white;
}.side {
width: 70px;
height: 200px;
position: absolute;
top: 500px;
left: 95%;
background-color: green;
}a {
display: block;
height: 50px;
background-color: skyblue;
text-decoration: none;
color: black;
}
header
middle
bottom返回顶部
【css|仿淘宝固定右侧侧边栏案例】
推荐阅读
- 前端学习之小案例|前端小案例之仿淘宝固定侧边栏
- javascript|JavaScript网页--仿淘宝右侧边栏
- 学习记录JavaScript|JavaScript(元素偏移,滚动,可视区系列。淘宝右侧固定栏案例,mouseover与mouseenter的区别)
- 从零开始学WEB前端|从零开始学WEB前端——网页的行为——JavaScript基础(1)
- JavaWEB|javaWEB六(Servlet 之 其它相关问题)
- GIS相关|Openlayers中使用Overlay实现点击要素显示html内容弹窗并且动态更改弹窗内容
- JavaWeb|HTML 基础
- 掌握AJAX|掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应 将 HTML 转换为对象模型
- JavaScript|JavaScript第二个分水岭——对象