首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。
汝州ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
这个方法可以实现，但这个方法比较笨。你可以试试。呵呵。很少做浮动的页面。
利用Dreamweaver新建一个html页面。在body里面输入代码 你好 小鱼 小小 。默认的样式是这样的。编辑li标签的css样式。float：left代表的是元素左对齐。
可以使用弹性布局，display： flex 就可以让div横排，默认布局轴方向就是横向，justify-content： space-between可以是div平均分布在水平轴上。
} 111 222 333使用浮动float即可，但是使用浮动一定记得将父级ul清除浮动，否则它的高度为空，因为里面的li浮动后脱离文档流了。
你给div设置一个宽度不就行了？块级元素默认情况是横着都占满浏览器的，你设置个宽度就行啦。
设置ul的宽度为无限大 比如 width：9999px；设置ul下的li浮动。float：left；回答完毕。
这个需要通过CSS来控制；把他的float属性设为left就可以把竖排的变成横排的。
一般都是横向显示的，你看一下代码里有没有你特别设置了别的属性。这个里面有较详细的介绍。
1、先码好导航栏所需要的基本的HTML代码 这个就不必多说具体的代码如下： 横向导航栏 首页 导航1 导航2 导航3 导航4 导航5 导航6 测试结果应为下图（1） 下面我们通过CSS 来改变他的样式。
2、一看你的menu是table布局就不可能改成竖排了，如果是现在流行的dv布局只需要修改css就好，但是table布局就改不了了。
3、不是很明白你的意思，横着的一排是一个div里面的每一个菜单对应着一个隐藏的div(位置根据菜单位置定)，当鼠标移动到上面时显示，否则隐藏。dreamweaver做起来不是很难。
4、这是我拿网络上的一个纯CSS菜单样式修改的竖排样式，你可以拿去参考和再次修改。希望能帮到你。下面是效果图，左侧是未展开的，右侧是展开的效果。
5、这个不太好实现。标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hover、active、visited、link。其他的标签在IE6下都没有伪类。所以建议用js，如果是闲来无事可以试一下。
6、display：block； width： 80px； height： 26px； line-height： 26px； padding：0 8px； background：#eee； text-align：center； border：1px solid #ccc；} 这行把内边距8px去掉，给width：80px改为96px就可以了。