该方法主要用来做网站自适应的，同时可以实现撑起内容高度。
实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom
<div class="img-box"> <img src="123.jpg"/> </div>
.img-box{
padding-bottom:100%;
}
.img-box img{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
margin:auto;
}
.img-box img里的宽度100%，高度100%就可以填满整个正方形框，如果都不填则自动水平居中和垂直居中div框内
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...
假如右边有个小箭头需要右对齐并且垂直居中，可以写成 background:url("images/icon.png")no-repeat right center;如果需要离右边1...
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollR...
鼠标滚轮滚动时，这一个div的移动速度相对较慢，下面其他div内容能够追上并超越它。css代码：.banner { width: 100%; position:...
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。.div{ position:relative; &nbs...
高度大于宽度，按高度来，宽度自动；反之宽度大于高度也一样.sbzs dl{ width:279px; height:238px; line-height:234...
