这里只简单介绍使用浮动实现方法。
方法一：
<div style="float:left"></div><div></div>
方法二：
<div style="float:left"></div><div style="float:left"></div>
方法三：
<div style="float:left"></div><div style="float:right"></div>
这三种方法均可实现div同行显示。
<style type="text/css">.main{width: 80%margin: 0 autoheight: 100px}
.img{width: 40%float: left}
.img img{height: 100pxmax-width: 100%}
.main p{width: 60%float: leftword-break: break-allline-height: 100px}
</style>
<div class="main">
<div class="img">
<img src="img/xxx.jpg" >
</div>
<p>你的文字</p>
</div>
至于p标签的行高你可以随意调，不懂可以追问或私我
<div><ul>
<span style="float:right">更多...</span><li>标题</li>
<li>内容一</li>
<li>内容二</li>
</ul>
</div>
呵呵 看上去很简单把， 不过要费一定的脑子理解。
我帮你解释下把
<li>标题</li> 这个本身作为行元素，如果把<span style="float:right">更多...</span>加后面，那么行元素还是会执行他需要占一行的命令，这样 更多 就会在下一行的最右边。
把<span style="float:right">更多...</span>放在 <li>标题</li>前面， 更多... 他所含的样式先控制了他是浮动的，不会受 “标题”影响，先浮动到右边去了。
这个小技巧应用到很多地方，我们常见的新闻列表 新闻后面的时间就是用这种方法实现右对其的，
另外在 3列 的布局的时候 ，也经常需要这样。
希望你采纳我的答案， 我可以非常有经验的。
另外提醒你，（很多人会饭的错误哦~）
不要把代码写成
<li><span style="float:right">更多...</span>标题</li>
这样的代码 在IE6.0 和opera9.0是正常的，但是在FF2.0就不正常了，小心点。
