因為li是塊級元素，默認占一行的，要想實現橫向排列，一般通過以下兩個方法：float:left這樣設置有一個問題，li浮動以后則脫離了文本流，即不占位置，如果它的父級元素有具體的樣式且沒有固定寬高，建議父元素清除浮動，或者設置固定寬高display:inline-block即把li變為行內元素 ...

<ul> <li>機構概況 <ul> <li>機構情況</li> <li>機構組成</li> <li>機構組成</li> </ul> </li> <li ...

　　 ...

nav>ul只選擇nav下一級里面的ul元素，例如上面dom結構里id為a的ul。 nav ul選擇nav內所包含的所有ul元素，例如上面dom結構里面id為a、b、c的全部ul。 nav>ul比nav ul限定更嚴格，必須后面的元素只比前面的低一個級別。 ...

1. 問題現象 先看下面的html結構: 外層div設定了固定寬度，css中ul的寬度未設置(因為li的個數不確定)，當通過javascript動態設置ul的寬度后，會導致li換行。 2. 分析 嘗試將ul的寬度增大，問題消失，推測 ...

>是指只能一代接一代，比如： nav>ul>li>ul>li，必須是下面這樣的 <nav> <ul> <li> <ul> <li></li> </ul ...

的各條目<li>默認都是縱向排列的，我們需要定義CSS來讓其橫向排列起來。 Tips：因為 ...

ul { 　　white-space: nowrap; } li { 　　display: inline-block; } white-space 屬性設置如何處理元素內的空白 ...