垂直导航与流体水平子菜单
我想建立一个垂直导航。 这有点特别，因为子导航应该显示在主链接的旁边，应该像这样流畅 ：
Item 1 Item 2 | Subitem 1 | Subitem 2 | Subitem 3 Subitem 4 | Subitem 5 | Subitem 6 Item 3 Item 4 Subitem 1 | Subitem 2 Item 5 我正在寻找一个解决方案，使子菜单流畅，以便元素保持在主菜单行并动态中断 。 如何打破上面示例中的子列表项？
小提琴
这是你在找什么？ https://jsfiddle.net/u4zpdpg7/11/
ul > li > a { float: left; clear: both; } ul > li:hover > .sub-menu{ display: block; } .sub-menu { display: none; float: left; padding-left: 10px; } .sub-menu li { float: left; padding-left: 10px; } .sub-menu li:first-child{ border-left: 2px solid #333; }