Dreamweaver新建一个HTML文件——修改title为html+css——新建一个div id为“a”——设置代码，给li设置左浮动效果。
具体步骤：
1、用Dreamweaver新建一个HTML文件
2、修改title为html+css实现横向导航
3、新建一个div id为“a”，添加ul li标签
4、在li中添加自己想要的文字 并调整好文字间距,按F12预览，如下图所示
5、首先去掉字体前面的小黑点，代码如下：
6、接下来，使文字横向排列，设置代码如下，给li设置左浮动效果
7、按F12预览，效果如下
列过多时会出现table横向溢出。页面Model嵌套一个动态table，table列根据后台数据动态渲染，不固定，当列过多时会出现table横向溢出。加横向滚动条：overflow-x：auto；能解决横向溢出问题。思路如下：1、table的外层div样式设置为横向内容大于div宽度时变成滚条的形式并且宽度设置一个初始值：overflow-x：auto；width：660px。
2、每次浏览器尺寸发生改变时，获取一次Modle的宽度，根据Model的宽计算出table外层div的宽度，改变div的宽度。
