div+css是現在比較流行網頁排版技術，其中css的靈活運用是不可缺少的部分。在完成一些複雜的頁面排版都是由最簡單的排版方式演變而來的，應讀者的要求今天給大家講解一下css最基礎的佈局元素對齊，在css中我們可以用多種屬性來實現對齊元素，如果你是技術大牛的話這篇文章就可以直接忽略了，不喜勿噴！
css中元素對齊方式有哪些？
1、塊元素的對齊
塊元素默認佔一行，如果一行內已經出現了塊元素，再添加其他塊元素會自動換行的。塊元素也可以嵌套其他的塊元素使用，塊元素一般是作為容器出現的，比如說HTML中常出現的div，塊元素和行元素是可以通過css相互轉換的。塊元素可以使用“margin” 屬性來水平對齊，可通過將左和右外邊距設置為 "auto"，來對齊塊元素。比如.nav{margin-left:auto;margin-right:auto;width:70%;}，如果寬度是100%則對齊沒有效果，我們可以把這段代碼改成.nav{margin:0 auto;}來實現導航板塊內容的水平對齊。塊元素存在一個外邊距處理方面的 BUG會在個別瀏覽器出問題，使用的時候一定要注意這個問題。
2、使用 position
對齊元素的方法之一是使用絕對定位，比如說這段代碼：.nav{position:absolute;right:0px;width:300px;}。但是在使用position水平對齊元素時會出現兼容問題，使用IE8之前瀏覽器，如果容器設置了明確寬度，忘記聲明！DOCTYPE左右兩側會增加十七像素的外邊距。為了避免這樣問題使用 position對齊元素，一定不要忘記 !DOCTYPE聲明。
3、使用float
對齊元素的另一種方法是使用 float 屬性，如這段代碼.right{float:right;width:300px;}，這樣對齊元素也會出現瀏覽器兼容，，使用IE8之前瀏覽器，如果使用了使用 float 屬性時，忘記聲明！DOCTYPE左右兩側會增加十七像素的外邊距，這一點和position是一樣的，為了避免這樣問題使用 position對齊元素，也一定不要忘記 !DOCTYPE聲明。
關於“css中的元素對齊”先聊到這。每天學習一個知識點，每日寄語”不管有多少面牆阻擋，總還有一道屬於你的明媚陽光。”如轉載清標明出處。
閱讀更多 編程小小學生 的文章
