我们做前端经常会遇到悬浮给盒子加边框操作，当一排有很多盒子的时候悬浮加边框就会挤动旁边的盒子。我总结了一下我自己知道的能解决，悬浮加边框挤动旁边盒子的方法。1. 悬浮的时候减少盒子的宽高，效果如下。2. 先设好一个透明的边框，再悬浮的时候就不会挤动了，效果如下。3. box-sizing: border-box;这个属性会把边框加到盒子内部，它的初始值是box-sizing: content-box;欢迎补充。

元素分类及特点：            1.块级元素： 　　　　　在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。块级元素特点：  　　　　　（1）每个块级元素都从新的一行开始，并且其后的元素也另起一行；（一个块级元素独占一行）  　　　　　（2）元素的高度、宽度、行高以及顶和底边距都可设置；  　　　　　（3）元素宽度在不设置的情况