Question

如何让两个<div>标签在同一行内？

我用了float了，尽管能在同一行内，可是再往下写<div>的时候布局就会变乱，比如第一行的两个是:
<div style="float:left;"></div><div style=“float:right;"></div>
等我回车后再输入一个一般的<div></div>时这个标签却自动的到了最右边,我都没有设置它右浮动的，怎么会自动去了右边呢？

我估计是我的方法用的不是很好，正确的方法是怎么样的呢？

Answer 1

在你写下一个DIV的时侯清除右浮动(clear:right)， <div style="float:left;"></div><div style=“float:right;"></div>
<div style="clear:right;"></div>

Answer 2

可以用float来实现这个效果，float有left和right两个方向。

<style type="text/css">
.nav {width:500px; height:30px;}
.nav span{width:200px; height:30px; float:left}
.nav div{width:300px; height:30px; float:left}
</style>
<div class="nav"><span>aaa</span>
<div>bbb</div>
</div>

Answer 3

你用记事本去做就可以了，不要用网页设计工具写程序就行了。