清除浮动最好的方法

在需要清除浮动的盒子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{ width: 900px; margin: 0 auto; position: relative; } .lianxi .bgtouming{ width: 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 { width: 300px; height: 70px; background:transparent; /**让背景透明*/ position: absolute; left: 50%; /*这句和下面的是为了让这个盒子左右居中，-盒子宽度的一半*/ margin-left: -150px; top: 50%; /*这句和下面的是为了让这个盒子上下居中，-盒子高度的一半*/ margin-top: -35px; } 简单来说就是定义一个div是透明的，定位到想要的位置， 再写一个同级的div是不想让透明的，也通过定位，放到透明的div上，想让背景透明就写上background:transparent; /**让背景透明*/就可以了