现在html里有两个dl怎么能让这两个dl在同一行内，而不是自动换行
<dl id="first">
<dt>menu1</dt>
<dd>file1</dd>
</dl>
<dl id="second">
<dt>menu2</dt>
<dd>file3</dd>
</dl>
这样两个东西，不用table的话怎么能让他们在同一行，现在是自动换行了
-------------------------------------------------------------------
在html中如何让两个dl对齐显示：实际效果来测试一下：
1、打开相关测试软件，设置两个css样式这里取名：dl1 dl2，在html中用dl标签引用这两个样式如下
|
1
2
3
4
5
6 |
<style>
.dll{ width:200px; height:100px; background-color:#F00; float:left;}
.dl2{ width:200px; height:100px; background-color:#09F; float:left;}
</style>
<dl class="dll"></dl>
<dl class="dl2"></dl>
|
详解：两个dl引用的css样式宽度width都为200px，高度height为100px，为了区分两个区域块是否在同一行显示，这里设置两个背景颜色dl1为#F00(红色)，dl2为#09F(浅蓝色)；主要css属性：float:left;使其靠左浮动对齐，最后在html中用dl引用两个css样式；
注：float:left靠左浮动对齐;
float:right靠右浮动对齐；
下方如果还有区域块儿请记得清除一下浮动：clear:both;清除左右浮动，left清除左浮动，right清除右浮动； |
粤公网安备 44030702001693号
