首页 新闻 会员 周边

关于CSS的问题

0
悬赏园豆:5 [已解决问题] 解决于 2014-07-17 09:31

 

 

如上图所示,怎么使文字居左,图片居右,且每一个包含图片,图片不跑出框?

问题补充:

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>

glanbin的主页 glanbin | 初学一级 | 园豆:111
提问于:2014-07-05 20:28
< >
分享
最佳答案
0

<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容器进行定位了。

收获园豆:5
Alex_QY1987 | 小虾三级 |园豆:1888 | 2014-07-07 09:44
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册