在需要清除浮动的盒子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; /**让背景透明*/就可以了