一、margin:0 auto 設置塊元素居中 當前元素相對父元素水平居中
1、 IE、火狐、谷歌均能起到居中作用，但是火狐左側有個最小邊界值，當窗口縮小到小於邊界值*2+width後，圖片不再往左移動
2、IE6，需加<!DOCTYPE.....>聲明
備註：寫前端頁面需養成定義<!DOCTYPE.....>聲明的好習慣，doctype是開啓標準模式，他能直接解決很多不兼容問題，比如該例中的居中。
二、text-align:center 設置文本居中
三、盒模型IE6之前不包括padding和border 其他的都包括，因此針對IE6要單獨設height和width
四、IE6浮動後 margin左右邊距加倍，解決方法display:inline;
五、min-width和min-height的使用
1、 IE、火狐、谷歌均能起到居中作用
2、IE6中使用height和width，
兼容解決辦法：(這種方法IE6寬高定死不可變)
height:auto!important;
width:auto!important;
height:200px;
width:200px;
min-height:200px;
min-width:200px;
六、ie63像素bug
如果是左浮動，則_margin-right:-3px;
右浮動，則_margin-left:-3px;
8、清除浮動 是清除上一個div浮動後對下一個div的影響
在浮動層後加一個同輩 div class=”clearfloat”，設置樣式
div .clearfloat{clear:both;height:0;font-size:1px;line-height:0;