为什么在火狐里人漂掉呢

renye0907 2010-01-08 06:02:51

<div class="rightcenter1">
<ul>
<li><div class="rightcentercenter"><p class="rightleft"><a href="#">超赞!超值哦!</a></p><p class="rightright">2010-2-4 13:23:18</p></div></li>
<li><div class="rightcentercenter"><p class="rightleft"><a href="#">不错</a></p><p class="rightright">2010-2-4 13:23:18</p></div></li>
<li><div class="rightcentercenter"><p class="rightleft"><a href="#">超值超漂亮的鞋鞋!</a></p><p class="rightright">2010-2-4 13:23:18</p></div></li>
<li><div class="rightcentercenter"><p class="rightleft"><a href="#">不错</a></p><p class="rightright">2010-2-4 13:23:18</p></div></li>
<li><div class="rightcentercenter"><p class="rightleft"><a href="#">令人感动!</a></p><p class="rightright">2010-2-4 13:23:18</p></div></li>
</ul>
</div>



.rightcenter1{clear:both; overflow:hidden; padding-top:10px;padding-left:10px;padding-bottom:10px; line-height:18px; width:380px;}
.rightleft{ float:left; }
.rightright{ float:right; margin-right:10px;}
.rightcenter1 ul{list-style-image:url(../image/list.jpg);}
.rightcenter1 ul li .rightcentercenter a:link{color:#333333; text-decoration:none;}
.rightcenter1 ul li .rightcentercenter a:active{color:#333333; text-decoration:none;}
.rightcenter1 ul li .rightcentercenter a:visited{color:#333333; text-decoration:none;}
.rightcenter1 ul li .rightcentercenter a:hover{color:#333333; text-decoration:none;}

.rightcentercenter{width:100%}


...全文
123 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
renye0907 2011-03-10
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 tsinlei 的回复:]

“漂掉”什么意思?

是你们公司内部的行话?
[/Quote]

漂掉的意思是显示混乱。没有显示在正常位置
Tsinlei 2010-01-12
  • 打赏
  • 举报
回复
“漂掉”什么意思?

是你们公司内部的行话?
xcf007 2010-01-11
  • 打赏
  • 举报
回复
我第一个想到的就是我不看你的代码,先看你用float没,用了清理浮动没。
a183249556 2010-01-11
  • 打赏
  • 举报
回复
代码结构写的比较乱哦。
li{float:left}
li .rightcentercenter{position:relative;}
li .rightleft,li rightright{position:abloute;}
li .rightleft{left:0px;}
li rightright{right:0px;}

这个试看看。
lzz624 2010-01-09
  • 打赏
  • 举报
回复
楼主的意思是在火狐里面就乱了?
TeamWei 2010-01-09
  • 打赏
  • 举报
回复

<style type="text/css">
.rightcenter1{overflow:hidden; padding:10px; line-height:18px; width:380px;}
.rightcenter1 li{position:relative; padding:3px 0; list-style:inside;}
.rightcenter1 li a{text-decoration:none; color:#000;}
.rightcenter1 li span{position:absolute; right:10px;}
</style>
<ul class="rightcenter1">
<li><a href="#">超赞!超值哦!</a><span>2010-2-4 13:23:18</span></li>
<li><a href="#">不错</a><span>2010-2-4 13:23:18</span></li>
<li><a href="#">超值超漂亮的鞋鞋!</a><span>2010-2-4 13:23:18</span></li>
<li><a href="#">不错</a><span>2010-2-4 13:23:18</span></li>
<li><a href="#">令人感动!</a><span>2010-2-4 13:23:18</span></li>
</ul>
paopao072 2010-01-09
  • 打赏
  • 举报
回复
没明白楼主意思,先顶上去了。
zhangchunlin_ln 2010-01-09
  • 打赏
  • 举报
回复
<html>
<head>
<style>
*{margin:0;padding:0;}
ul,ol,li{list-style:none;}
#rightcenter1{width:380px; padding:5px;}
#rightcenter1 ul li span{display:block; float:left;}

.rightleft{width:200px;}

.rightright{width:170px;}


</style>
</head>
<body>
<div id="rightcenter1">
<ul>
<li><span class="rightleft">超赞!超值哦!</span><span class="rightright">2010-2-4 13:23:18</span></li>
<li><span class="rightleft">不错</span><span class="rightright">2010-2-4 13:23:18</span></li>
<li><span class="rightleft">超值超漂亮的鞋鞋</span><span class="rightright">2010-2-4 13:23:18</span></li>
<li><span class="rightleft">不错</span><span class="rightright">2010-2-4 13:23:18</span></li>
<li><span class="rightleft">令人感动</span><span class="rightright">2010-2-4 13:23:18</span></li>
</ul>
<div style="clear:both;"></div>
</div>
</body>
</html>

61,124

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧