                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

哪位大神能举个集体一点儿的例子啊，不是很懂

死胖子1

2016-04-21

源自：初识HTML(5)+CSS(3)-升级版 15-7

关注问题我要回答

367

操作

收起

3 回答

慕粉4166556
2016-11-19

15-5佔位

0 回复有任何疑惑可以回复我~

收起回答

旭日A
2016-04-26

1,首先你要理解在默认情况下父DIV和子DIV的宽度是一样的也就是本例wrap 和 wrap-center一样宽

2,要想把wrap-center水平居中，可以先把wrap右移50%(这个比例是相当于body的)此时wrap这个DIV的左边界到了body的中央，也就是子DIV（wrap-center）左边界到了body中央，但此时没有居中，因为向右多移了此DIV(wrap-center也等于wrap)宽度的一半（居中的意思是DIV中心位于body中心），所以要再左移回去此DIV的一半

3，此DIV的一半就是父DIV的一半，就是50%，-50%就是左移回去自身一半正好位于中心