以下是一個突然發現自己見識如此少的女漢子的嘶吼

啊啊啊，剛剛注意到width設置的是內容區的寬度，增加 padding 或 margin 后會增加總體寬度

啊啊啊啊，今天才知道只有內容區和左右外邊距可以設置為 auto ！！！！

1 相關術語

2 auto

2.1　橫向：只有內容區 width 以及左右外邊距可以設為 auto

2.2　縱向 ： 只有內容區 height 以及上下外邊距可以設為 auto

3 margin

　　在 padding 、 margin 、 border 中只有 margin 可以設為負值，而且要注意，margin 設為負值時要滿足 padding + margin + border 的總和為父元素的 width， 這是十分重要的。

　　沒錯，這個我之前也不知道....鬼知道為嘛我會漏了這么多重要的知識點沒學....還好現在補起來了，感謝權威指南~~

4 顯示角色轉換

display: inline;

　　再為所有列表元素加上右邊框，第一個列表元素加上左邊框即可

display: block;

　　再增加些樣式即可顯示為漂亮的豎直導航欄

display: inline-block;

　　會把外觀類似于一個豎直導航條的東西插到行中，如果沒有設置這個塊的 width ，會自適應為一行

display: run-in;

　　當然，使用這個是有限制的，只有其后的一個元素為塊級元素時，才會轉換為那個塊級元素開始處的行內元素。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com