如果是导航菜单可以使用ul无需列表来制作
同时使用CSS中的float：left来控制li靠左浮动即可实现横向菜单
注意UL或UL的父级容器宽度必须大于所有li宽度的和
例如
<style>ul {
padding:0
margin:0
list-style:none
width:600px
height:50px
line-height:50px
text-align:center
}
ul li {
width:100px
height:50px
float:left
}
<style>
<ul>
<li>菜单项目1</li>
<li>菜单项目2</li>
<li>菜单项目3</li>
<li>菜单项目4</li>
<li>菜单项目5</li>
<li>菜单项目6</li>
<ul>
1、首先，如图所示，我在html中放置了两个iframe标签，没有额外的设置。如果浏览器直接打开，您可以看到iframe标签默认是水平排列的。
2、如果我将这两个iframe标签放在div标签中，我可以看到div标签默认垂直排列，也就是说，div标签会填充一行。
3、使用css将两个div标签的float设置为left。在此设置之后，两个标签水平排列。注意两个div后面的标签继续排列在这一行中，因为默认的div标签不会通过使用float来占用高度。
4、解决方案是在父div标签上放置两个div标签，然后将父标签的溢出设置为hidden。
5、使div标签水平显示的另一种方法是将其显示样式设置为内联块。
6、无论水平排列如何，当浏览器宽度太窄时，它会自动折叠，就好像它是垂直排列的一样。
初学HTML，遇到一个题需要将几张图放在一个边框里，并且需要横向拖动
想着很简单，直接在div中设置width、height。并添加属性“overflow:auto”。但实际运行是发现图片始终会换行，窗口只能上下滚动
后来找到问题的原因，是因为由于在div中直接添加图片，所以图片会适应该div的大小，从而自动换行。而要做到不换行的效果，则需要在div中嵌套一层div2，设置div2的width >div的width，由此保证：图片不会换行；在横轴方向溢出，从而出现横向滚动条。
