lingongheng

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative 生成相对定位的元素，

display 元素<style>h1 {display:inline-block}</style>none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值）

Swiper常见问题1.将多个slider同时显示，导致页面横向拉长解决方案： overflow:hidden与swiper无关，这个是CSS样式的修改，overflow属性定义及使用说明 overflow属性指定如果内容溢出一个元素的框，会发生什么。 默认值： visible 继承： no 版本： CSS2 JavaScript 语法： object.style.overflo

实现类似淘宝商品展示，在大图下有多个预览小图。分页器paginationSwiper中paginationType参数， bullets’ 圆点（默认） ‘fraction’ 分式 ‘progress’ 进度条 ‘custom’ 自定义swiper本身并未实现小图的功能，但可以利用swiper 的分页器功能，进行改造。

#html<div class="relative"> <span>简介</span> <hr> </div>#csshr{ position: absolute; width: 80%; float: right; height: 5px; background: #555; bor

vertical-align: top;

背景图自适应目标：大小不一的背景图片能够自适应充满整个区域，并且不是平铺。 .test{ background-image:url(''); background-size:100%;//自适应 background-repeat:no-repeat;//禁止平铺 }

目标：将两张图片叠放在一起，并有图层区分。方案：z-index:99//数字越大，越靠近顶层