+ -
当前位置:首页 → 问答吧 → position定位问题

position定位问题

时间:2010-09-09

来源:互联网


<style> body,div,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,textarea,fieldset{ margin:0;padding:0;} .sph{ width:330px; height:360px; margin-left:10px;} .phall{ width:328px; position:relative;} .phall li{ width:328px;height:78px; border:solid #cccccc 1px;} .phall li p{ width:120px; height:70px; float:left;margin:5px; display:block; display:inline; vertical-align: bottom;} .phall li dl{ width:180px;line-height:18px; margin-top:10px; float:left;display:inline; } .phall li dl dt{ font-weight:bold;} .phsz{ position:absolute; display:block; } </style> <div class="sph fl"> <ul class="phall"> <li> <p><img src="images/563_r12_c17.gif" width="120" height="70" /></p> <dl> <dt>wwwwww</dt> <dd>ss:wwwww</dd> <dd>wwwwwwwsssssssssssssssssssss</dd> <span class="phsz"><img src="images/563_r11_c32.gif" /></span> </dl> </li> </ul> </div>
 提示:您可以先修改部分代码再运行
我想做的效果是这样的

[ 本帖最后由 wy281 于 2010-9-9 11:14 编辑 ]

附件

未标题-1.gif (5.14 KB)

2010-9-9 11:14

作者: wy281   发布时间: 2010-09-09

.phsz{ position:absolute; display:block;right:10px;top:10px; }试试看。
另外楼主为何要用前景呢而不是背景,这个我比较纳闷。

作者: xmlovedoudou   发布时间: 2010-09-09

发现一个结构问题,span放在dd里

作者: zhaoyan860222   发布时间: 2010-09-09