1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
比如我现在要滑动到此p标签区域，可先给p标签加上一个id，导航处的a标签利用它的href属性，如<a href="#scroll"></a>
<p id="scroll"></p>
下拉菜单嘛。关键点在于
li .drop {display:none}
li:hover .drop {display:block}
至于纵横向的显示，对li设置相对定位，弹出来的菜单drop设置绝对定位，用left和top就可以控制显示的位置了
