行內元素正常狀態
行內元素設定寬高沒效,width:100px; height:1000px;
行內元素設定margin-top，margin-bottom無效, margin-left, margin-right有效
行內元素設定line-height:100px;有效
行內元素變成塊狀，display:block;
行內元素變成塊狀，display:block，設定寬高：width:200px; height:200px;
設定為內聯塊狀inline-block，行內元素既可以設定寬度和高度，也可以設定line-height，text-align，margin
設定為內聯塊狀inline-block，行內元素既可以設定寬度和高度，也可以設定line-height，text-align，margin
margin重疊問題，上下重疊
margin-bottom和margin-top重疊
margin-bottom和margin-top重疊
margin重疊問題，父子元素重疊
子元素的margin-top:40px和父元素的maragin-top：40px重疊
解決方式，父元素加overflow：hidden；
關於margin疊加問題
只有普通文件流中塊元素的垂直邊界才會發生邊界疊加。行內框 浮動框或絕對定位框之間的邊界不會疊加。1.發生外邊距疊加的情況 外邊距 margin 重疊示例 1.1外邊距重疊是指兩個垂直相鄰的塊級元素，當上下兩個邊距相遇時，起外邊距會產生重疊現象，且重疊後的外邊距，等於其中較大者。1.2另乙個重疊現象是...
margin疊加問題及解決辦法
css外邊距 margin 重疊問題 兩個或多個毗鄰的普通流中的塊元素垂直方向上的 margin 會摺疊 外邊距重疊是指兩個垂直相鄰的塊級元素，當上下兩個邊距相遇時，其外邊距會產生重疊現象，且重疊後的外邊距，等於其中較大者。同理，如果乙個無內容的空元素，其自身上下邊距也會產生重疊。防止外邊距重疊解決...
行內元素 塊級元素和行內塊元素
a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...