1.先看要實現的效果
實際的效果圖
可以看到我的實現過程是先使用乙個父級的div來定位水平垂直居中，然後再父級的div中定位出兩個十字架的div。
看實現**：
xml/html code複製內容到剪貼簿
div預設的寬度是100%，當div絕對定位以後，其寬度是按照div中內容的寬度。
總結：css中的絕對定位是相對於最近已定位的祖先元素進行定位，如果元素沒有已經定位的祖先元素，那麼位置相對於初始的包含塊進行定位。
本文標題: css定位「十字架」之水平垂直居中
本文位址:
人生的十字架
這篇東西 一位有思想的研究生！她看到這篇漫畫，覺得很不錯，我看後也覺得值得我們思考，尤其是當我們抱怨時！第一幅漫畫中，每個人都揹負著乙個沉重的十字架，在緩慢而艱難地前行！途中，有乙個人忽然停了下來。他在想著什麼！他想，上帝啊，這個十字架太沉重了，我可以把十字架砍掉一塊！於是他動手砍了起來！砍掉之後走...
完整的十字架 漫畫
每個人都揹負著乙個沉重的十字架，在緩慢而艱難地朝著目的地前進。途中，有乙個人忽然停了下來。他心想 這個十字架實在是太沉重了，就這樣揹著它，得走到何年何月啊？於是，他拿出刀，作出了乙個驚人的決定 他決定將十字架砍掉一些。他真的這麼做了，開始砍十字架。砍掉之後走起來，的確是輕鬆了很多，他的步伐也不由得加...
古羅馬十字架酷刑死亡的秘密
英國科學家馬修 馬森和皮埃爾 公尺切爾最近公布的研究成果顯示，時代的十字架刑罰並不僅僅只有受難圖上那一種形式。科學家在以色列境內發現了乙個同時代被釘死在十字架上的年輕人的墳墓，他們在精心研究後認為，羅馬人可能有很多種複雜的十字架刑罰方式用來處死犯人。在 受難圖上，耶穌的腿是被釘在十字架的前面，但是科...