看了下你的代码发现你是用a用的导航，这样当然会出现如果不在a上面就会隐藏二级菜单了，而且你的是a里面套a，这样很不好的。出于HTML标签语义化考虑，一般都是用ul，li来写导航的，我给你个提示，你试着做做。
成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的阜新网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
你是想做个二级菜单吧。首先你的结构就错了，二级菜单需要双层ul套用，当默认第二层的ul处于display：none的状态，当你的鼠标第一层的li时你的第二层的display：block；就行了。
ul就是下拉菜单。ol style=border：0 /ol ，style是样式，说明这个ol具有哪些样式，border：0，这个ol的边框是0，即没有边框。ps：以上说明，你不懂css，所以代码看不懂，找份css文档对照看一下，就明白了。
ul li 是一组标签，你可以想像一下，把li当成一个个小方块，ul是一个大盒子，小方块在大盒子里，那么控制li必须不能超过ul了。
1、按你写的这个css和div的顺序，下一行的顺序应该是下面这样的 但是你的green没有float到左边，所以orange那个超过了你的width；就float到下一行了。可能是你的green之前有没有写啥。
2、如果是宽度不够那么增加宽度；如果是块状元素引起的，那么又会有几种情况。
3、你可以用CSS搞定！给UL或LI设置一个宽度就行，显示超过了宽度就会换行。
4、使用css语句：line-height 通过设置不同的line-height值得到不同间距。
可以包含， ulli/li/ul是一个无序列表的标签，中间可以签到div div是一个行级标签，它们之间没有什么必然的联系。
/table 这样就不可以 ，因为tr td table 是一个整体的 tr表示行 td单元格因为table 是一个整体div只能加在table的外面或者是td的里面。
有些标签是固定的嵌套规则，例如：ul包含li、ol包含li、dl包含dt和dd等，还有很多是独立的标签。