html5列表中嵌入列表，水平导航栏嵌入下拉菜单，鼠标指向隐藏

html5列表中嵌入列表，水平导航栏嵌入下拉菜单，鼠标指向隐藏

第一步：先用列表做一个水平导航栏（使用float浮动）代码如下：

上图中晚间新闻处还有个结束标签但不影响这里说明情况。上图详细代码在之前博客中有详细说明。
运行结果：

第二步：在晚间新闻处使用列表增加一个下拉菜单
代码如下：
如图，先在晚间新闻下增加一个列表，注意：ul标签中嵌入li标签中。
运行后会发现不能对齐的问题。
在css中增加如下代码：

可以解决对齐的问题
第三步：
实现效果：鼠标悬停时显示，不悬停时隐藏。
代码如下：在css中增加样式
其中：第一个样式表示鼠标不放在晚间新闻时隐藏列表。
第二个样式表示鼠标放在晚间新闻是显示列表。

运行结果如下：
鼠标不悬停

鼠标悬停