行內元素可以在一行顯示，但是不能設定上下的padding和margin值。
塊級元素可以設定 width, height屬性，行內元素設定width, height無效
塊級元素可以設定margin 和 padding.
行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，
但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。
（即行內元素水平方向有效，豎直方向無效）
行內元素轉塊級元素：display:block;
塊級元素 ：div、h系列、li、dt、dd、p
行內元素 ：span、u、a、、em、b、i、
u、em
行內塊元素：input 、img 、button 、texterea 、label。
浮動以後一定要給父元素新增overflow
當li設定float:left;的時候，它的父元素就不會隨著li的增多自適應高度(主要是ff等瀏覽器)，所以，如果父元素有背景的話是不會隨著li的高度增加而出現的。
這個時候可以給父元素加1個屬性，overflow:hidden;
為什麼li在浮動(float)時，給父元素加1個屬性，overflow:hidden;父標籤就能自適應高度
1：使元素block塊級化；
2：破壞性造成的緊密排列特性。
基於以上的特性，使得我們通常把浮動用來布局，帶來的問題是，容易出問題，重用性不行，ie6-的版本下很多問題，因為它是要求固定的寬度，寬度計算錯誤就會帶來整個布局的錯亂。
float屬性出現的初衷是為了讓文字環繞實現**混排的效果和應用於流體布局，所以float浮動帶來的父元素高度沒有的問題並不是我們說的是乙個 bug，這本身就是float的特性。
測試為ie5+
1：在父元素的裡面浮動元素的後面新增乙個樣式為clear:both;的元素；缺點是新增了無用的標籤元素；
.clear/* 清除浮動*/
2：給父元素新增偽類並給樣式（.fix應用在包含浮動子元素的父元素上）
.fix:after
.fix //相容ie7以下
或者.fix:after
.fix
3：直接給父元素新增一句樣式：
父元素
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素，不可以直接設定寬度高度，預設為本身內容的寬度，容納文字或其他行內元素 常用元素 span a i em ...
塊級元素，行內元素，行內塊元素
內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...
塊級元素，行內元素，行內塊元素
獨佔一行，對寬高的屬性值生效 如果不給寬度，預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行，對寬高的屬性值不生效，靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...