CSS----布局常见问题

1.一个宽高为50px的div，如何实现左右垂直居中？

　　实现思路：首先给div设position:absolute,实现绝对定位，然后设置top与left值均为50%；这样div就在大致中间的位置了，这里说大致，是因为此时div分别向下向右偏移了0.5倍的height和width。这时再设置margin-left:-(1/2)width；margin-top:-(1/2)height就可以啦(*^__^*)

.tocenter{position:absolute;width:50px;height: 50px;background: #0066D5;
                margin-left:-25px; margin-top:-25px;top:50%;left: 50%;　　}   

　　扩展：如果实现div1在div2(外层div)中居中怎么做呢？

　　实现思路：嗯。。。这个时候只要给div2加上position：relative就可以了。

2.

CSS----布局常见问题

原文：http://www.cnblogs.com/atuan/p/CSS.html