塊元素是一個元素，占用了全寬，前后都是換行符。
塊元素的例子：
文本對齊，請參閱 CSS文本 章節。.
在這一章中，我們會告訴你塊元素如何水平對齊布局。
塊元素可以把左，右頁邊距設置為"自動"對齊。
Note: 在IE8中使用margin:auto屬性無法正常工作，除非聲明 !DOCTYPE
margin屬性可任意拆分為左，右頁邊距設置自動指定，結果都是出現居中元素：
提示: 如果寬度是100％，對齊是沒有效果的。
注意：IE5中塊元素有一個margin處理BUG。為了使上述例子能工作，在IE5中，需要添加一些額外的代碼。 實例
元素對齊的方法之一是使用絕對定位：
注意：絕對定位與文檔流無關，所以它們可以覆蓋頁面上的其它元素。
IE8和早期有一個問題，當使用position屬性時。如果一個容器元素（在本例中<div class="container">）指定的寬度，!DOCTYPE聲明是缺失，IE8和早期版本會在右邊增添17px的margin。這似乎是一個滾動的預留空間。使用position屬性時始終設置在DOCTYPE聲明中！
使用float屬性是對齊元素的方法之一：
類似這樣的元素對齊時，預先確定margin和元素的填充，始終是一個好主意。這是為了避免在不同的瀏覽器中的可視化差異。
IE8和早期有一個問題，當使用float屬性時。如果一個容器元素（在本例中<div class="container">）指定的寬度，!DOCTYPE聲明缺失，IE8和早期版本會在右邊增添17px的margin。這似乎是一個滾動的預留空間。使用float屬性始終設置在DOCTYPE聲明中！
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
