　　 好程式設計師 分享居中一個 float元素，我們佈局的時候，用 margin來設定float元素的外邊距來達到效果。對於，在文件流中的元素，我們很容易讓它水平居中，只要給元素設定一個固定的寬度，用margin: 0 auto;就行了，這種技巧甚至在IE6中相容得很好。

　　那麼如何讓浮動的元素水平居中呢 ?浮動元素脫離了文件流，上面的方法肯定是不行的。特地去網上查了一下，做為學習筆記記錄下來我們佈局的時候，用margin來設定float元素的外邊距來達到效果。對於，在文件流中的元素，我們很容易讓它水平居中，只要給元素設定一個固定的寬度，用margin: 0 auto;就行了，這種技巧甚至在IE6中相容得很好。

　　那麼如何讓浮動的元素水平居中呢 ?浮動元素脫離了文件流。特地去網上查了一下，做為學習筆記記錄下來

　　.outer {

1. 　　float: left ;

2. 　　postion: relative;

3. 　　left: 50%

4. 　　}

5. 　　.inner {

6. 　　float: left;

7. 　　position: relative;

8. 　　left: -50%;

9. 　　/*right: 50%*/

10. 　　}

好程式設計師分享居中一個float元素

相關文章