這幾天，寫了乙個網頁，出現乙個奇怪的問題，正常的情況應該是這樣的，
可是偏偏顯示效果是這樣的
摸索了好一陣子也不知道是**出了問題，然後經過半個小時的排查，原來我將「全部圖書分類 更多」所在的div的display屬性設定為inline,**如下：
.content
div
最後，我在網上找了一下原因，這種奇怪的結果是行內元素的特性所造成的。行內元素與塊級元素相比具有以下特性：
1）行內元素不會單獨佔一行。
2）行內元素屬於自適應寬高，設定width和height無效。
3）行內元素僅水平方向的padding和margin可產生邊距效果。
行內元素 塊元素及css三特性
行內元素特點 1 和其他元素都在一行上 2 元素的高度 寬度 行高及頂部和底部邊距不可設定 元素的寬度就是它包含的文字或的寬度，不可改變 3 元素的寬度就是它包含的文字或的寬度，不可改變。注 行內元素在設定 水平方向的padding left padding right margin left ma...
行內元素和與行內塊元素的margin top問題
內聯 行級 元素 不能設定寬高，但padding屬性可以設定，需要注意的是行級元素不能設定margin top和margin bottom屬性，但可以設定margin left和margin right屬性。如果需要設定行級元素的margin top或margin bottom屬性，必須將行級元素轉...
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素，不可以直接設定寬度高度，預設為本身內容的寬度，容納文字或其他行內元素 常用元素 span a i em ...