在需要清除浮动的盒子A前面写一个空白的div，里面什么都不需要写，只给个类名B，样式中写
.B:after{
Content:”.”;
Clear:both;
Display:block;
Height:0;
Visibility:hidden; ……消失却占用空间
}
加上这个之后。在A的样式中写上margin-top:多少px；就可以了
既有表单元素又有图片的时候之间会有三个像素的间距，给图片写个margin-left:-3px，让他们挨起来
出现边框当全局样式用了box-sizing：border-box;时，导航栏写.nav{
height: 36px;
border-bottom: 2px solid #fd3f49;
line-height: 36px;
}
下面的盒子部分清除浮动后最上侧有可能会出现1像素的空白条，这是因为上面的导航栏部分line-height应该为34px，因为box-sizeing清除了边框，也就是说36px包括了下边框的2px，但是内容的行高是不应该加上这2px的，所有应该是34px
当一个盒子设置了透明度后，里面的内容也会跟着透明度，如何让内容不透明，背景透明呢？方法如下
样式
.lianxi{
900px;
margin: 0 auto;
position: relative;
}
.lianxi .bgtouming{
370px;
height: 100px;
background: #ADFF2F;
border-radius: 15px;
position: absolute;
left: 50%; /*这句和下面的是为了让这个盒子左右居中，-盒子宽度的一半*/
margin-left: -185px;
top: 50%; /*这句和下面的是为了让这个盒子上下居中，-盒子高度的一半*/
margin-top: -50px;
opacity: 0.5;
}
.lianxi .copy {
300px;
height: 70px;
background:transparent; /**让背景透明*/
position: absolute;
left: 50%; /*这句和下面的是为了让这个盒子左右居中，-盒子宽度的一半*/
margin-left: -150px;
top: 50%; /*这句和下面的是为了让这个盒子上下居中，-盒子高度的一半*/
margin-top: -35px;
}
简单来说就是定义一个div是透明的，定位到想要的位置，
再写一个同级的div是不想让透明的，也通过定位，放到透明的div上，想让背景透明就写上background:transparent; /**让背景透明*/就可以了
