因为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 属性设置如何处理元素内的空白 ...