隨着不斷深入的學習css，發現在css中有很多屬性都可以把值設定爲auto，auto在英文裏有着自動的意思，但是在css中這個自動值到底是什麼呢？它在css中到底會產生一個什麼樣的作用？它有什麼實際的意義嗎？總是會產生如此的一些疑問。
就拿我之前碰到的一些小問題來說說，比如margin：auto是如何實現居中的？自動在這裏到底是表示什麼樣的值？它到底是如何來實現居中的？
在仔細研究了相關的資料後，我找到了一個代碼，實現居中的代碼是這樣的：#main{margin: 0 auto;}
根據 上右下左的順序，完整的代碼應該是#main{margin: 0 auto 0 auto;}
這個原理是盒子模型的順序，意思是：盒子的上下邊距是0，左右是auto，這樣，就實現了盒子居中了。auto就是根據瀏覽器的渲染而給她賦值。意思就是瀏覽器內置的值賦給它，或者是繼承下來的值賦給它，auto在‘這裏’是沒有任何意義的。
但是既然沒有任何意思，那怎麼就實現了居中呢？單隻根據理論，我心裏還是對這個auto存在着一定的疑慮，爲什麼當左右是auto時，盒子就會居中呢？爲什麼要將上下設置爲0呢？瀏覽器是怎麼處理auto的呢？看來要更透徹的瞭解auto的相關涵義和用法，必須要在實際使用的環境中才能得出一個完滿的結論。
於是我做了如下的一些測試，分別賦予上下左右不同的值：
1.margin:0 10px 0 auto;
2.margin:0 auto 0 10px;
.............
..............
...............
......................................................閱讀全文，請點擊K.N.J的博客
此文轉載自：K.N.J
相關信息：
