css+ul+li⽅式横向再纵向排列
<ul>
<li>机构概况
<ul>
<li>机构情况</li>
<li>机构组成</li>
<li>机构组成</li>
</ul>
</li>
<li>⼈才引进</li>
<li>新闻动态</li>
<li>⽂化⽣活</li>
</ul>
</div></td>
</tr>
</table>
</body>
</html>
ul li {
float: left;
width: 25%;
list-style-type: none;
font-size: 14px;
color: #FFFFFF;
position: relative;
line-height:25px;
}
ul li ul li {
float: none;
width: 100px;
background-color: #0066CC;
}
#mymenu ul li ⼀级菜单是横向排列,所以float: left;
⽽⾥⾯包含的#mymenu ul li ul li是纵向排列,但受到了⽗级别float: left;的影响,为了消除这种影响float: none; 注意不是clear
>css横向滚动条隐藏

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。