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.

 

  

posted @ 2015-09-23 18:23  团儿  阅读(129)  评论(0编辑  收藏  举报