布局的一点总结

2、关于居中
1）如果一个div是一个正方形区域（高等于宽），2）而且是百分比的形式（固定形式很简单对不对），3）没有文字，4）且要求居中。可以这样写：

position:absolute;
50%;
height:0;
padding-bottom: 50%;
left:50%;
top:50%;
transform: translate(-50%, -50%);
background: url('a.png');
background-size:100% auto;
z-index:101;

　　

这样写的奥秘在于padding-bottom是按照宽度的百分比计算的，所以高等于高。结果是一个居中的正方形。

3、关于子级父级透明度的问题
在定位的情况下，（其他情况没有试过），如果像以下的写法，父级元素的透明度会影响到子级元素

.parent{
rgb(0,0,0);
opacity:0.6
}

　　

正确的做法是：

.parent{
rgb(0,0,0,0.6)
}