CSS样式

                        <div class="content">

    				<span class="left">供应商：<select>

    					<option>1</option>

    				</select>

    				</span>

    				<span class="right">

    					进货日期：

    				 </span>

    			</div>

如何让第一个span靠左，第二个span靠右，同时在同一行？
------解决方案--------------------
一个向左浮动，一个向右浮动就可以了啊。

.content{overflow:hidden;}//为了清理内部的浮动。

.left{float:left;}      //左浮动
.right{float:right;}    //又浮动
------解决方案--------------------
float:left
float:right
------解决方案--------------------
给下面的div加上一句clear:both
------解决方案--------------------

引用:

Quote: 引用:

一个向左浮动，一个向右浮动就可以了啊。

.content{overflow:hidden;}//为了清理内部的浮动。

.left{float:left;}      //左浮动
.right{float:right;}    //又浮动

这样是可以实现同行分开，但是如果下面还有div的话就不行了

给下面的div加上一句clear:both
------解决方案--------------------
给那两个浮动的span元素的父级加上clearfloat类，然后使用下面的css：

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.clearfloat{zoom:1}