http://blog.csdn.net/ldl22847/article/details/5262193
方法一：
一般情况，默认的div是写一个换一行，那么如何定义两个div横向排列而不换行呢？
div默认的display属性是block。所以每一个div都是新的一行，现在把display换成inline就不会换新行了。
<div style="background-color:#ff0000;display:inline;">aaa</div>
<div style="background-color:#ffff00;display:inline;">bbb</div>
方法二：
这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。
float:right 文本或图像会移至父元素中的右侧。
注意有写情况float属性必须配合width使用，否则失效。
<td class="bg10">
<div style="width:120px; float:right;">阅读次数：9999</div>
<div style="width:200px; float:right;">发表日期：2009-09-10</div>
</td>
.bg10 {
background-image:url(../images/news_r6_c4.jpg);
height:24px;
line-height:24px;
color:#939393;
}
height:24px; 和 line-height:24px; 高度一致，文字垂直居中。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
float:left;
width:200px;
height:200px;
border:1px solid red
}
-->
</style>
<div>web标准常见问题大全</div>
<div>web标准常见问题大全</div>
<div>web标准常见问题大全</div>
横向排列DIV可以使用浮动的方式比如float:left,或者设置对象为内联，还可以绝对定位对象等等
2687
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
