如上图所示,怎么使文字居左,图片居右,且每一个包含图片,图片不跑出框?
html结构是这样的:
<h3><a href="List.html">1. .Net魔法堂:史上最全的ActiveX开发教程——部署篇</a> </h3>
<div class="item">
<pre>
<div> <img src="Images/balloon.png" /></div>
<span>一、前言 接《.Net魔法堂:史上最全的ActiveX开发教程——发布篇》,后我们继续来部署吧!二、 挽起衣袖来部署 ActiveX的部署其实就是客户端安装ActiveX组件,对未签...</span>
</pre>
</div>
<h3><a href="List.html">1. .Net魔法堂:史上最全的ActiveX开发教程——部署篇</a> </h3>
<div style="position:relative;height:300px;border:#ff0000 1px solid ">
<div style="position:absolute;right:10px;top:10px;"> <img src="Images/n_s12281645034000881143.jpg" width="300" /></div>
<span>一、前言 接《.Net魔法堂:史上最全的ActiveX开发教程——发布篇》,后我们继续来部署吧!二、 挽起衣袖来部署 ActiveX的部署其实就是客户端安装ActiveX组件,对未签...</span>
</div>
关键地方是外面的容器的postion:relative,而里面装图片的divPosition:absolute,然后就可以写坐标相对外面的relative容器进行定位了。