为了账号安全,请及时绑定邮箱和手机立即绑定

为什么在dw中显示是正确的,但是在网页中显示就不一样了 带代码和效果图

为什么在dw中显示是正确的,但是在网页中显示就不一样了 带代码和效果图

图像789 2016-03-17 16:04:31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body,ul,h2,h3,p{margin:0; padding:0; font-family:"宋体"}li{ list-style:none;}a{ text-decoration:none; color:#5e5f63;}img{ border:none; vertical-align:top;}.wrap{ width:366px; margin:30px auto; background:#f4f9fc;}.title{ font-size:14px; padding-left:30px; line-height:28px;color:#344c56; background:url(titleBg.gif) no-repeat 6px 9px;}.head{ height:23px; background:url(../headBg.gif) no-repeat;}.list{ padding:0px 7px 2px 5px;}.list li{zoom:1; overflow:hidden; vertical-align:top; padding:12px 0 11px 0;}.list .pic{ width:95px; height:60px; float:left; border:1px solid #c0c5c8; padding:2px; background:#fff;}.list .text{ width:260; float:right;}.list h3{font-size:12px; line-height:22px;}.list h3 a{color:#333;}.list p{ height:12px; line-height:20px; color:#666;}.list p a{color:#666;}</style></head><body><div class="wrap"><div class="head"><h2 class="title">外媒评论精选</h2></div><ul class="list"><li><a href="#" class="pic"><img src="file:///F|/kankan/one.jpg"/></a><div class="text"><h3><a href="#">《加勒比海盗4》--商业味浓郁</a></h3><p>"本机加勒比海盗讲述杰克船长受英王所托寻找不老泉,与他… ["   <a href="#">详情</a>   "]   </p></h3></div></li><li><a href="#" class="pic"><img src="file:///F|/kankan/one.jpg"/></a><div class="text"><h3><a href="#">《加勒比海盗4》--商业味浓郁</a></h3><p>"本机加勒比海盗讲述杰克船长受英王所托寻找不老泉,与他… ["   <a href="#">详情</a>   "]   </p></h3></div></li><li><a href="#" class="pic"><img src="file:///F|/kankan/one.jpg"/></a><div class="text"><h3><a href="#">《加勒比海盗4》--商业味浓郁</a></h3><p>"本机加勒比海盗讲述杰克船长受英王所托寻找不老泉,与他… ["   <a href="#">详情</a>   "]   </p></div></li></ul></div></body></html>
查看完整描述

3 回答

已采纳
?
阿贾大魔王

TA贡献29条经验 获得超28个赞

.list .text{ width:260; float:right;},没有单位。而且有单位也会被挤下来,数值大了,它的宽要小于等于253(366-95-5-7-2-4;5和7是.list的内填充,2是图片的边框,4是图片的内填充)。

.list li最好加一个高度,或者padding:12px 0 11px 0改成padding:12px 0 15px 0,不然字会被切了。

//img1.sycdn.imooc.com//56ef6e880001a63202780049.jpg


一般这样的地方会限制字数,所以给个固定高度也没关系,为什么你的都没设高度,是想让它自适应吗?但好像没有用啊

查看完整回答
1 反对 回复 2016-03-21
?
as135614

TA贡献3条经验 获得超0个赞

.list .text{ width:260; float:right;}


260后面没有加单位,设置无效。

查看完整回答
反对 回复 2016-03-18
?
qq_窒息_2

TA贡献2条经验 获得超1个赞

你先审查元素。

查看完整回答
反对 回复 2016-03-17
  • 3 回答
  • 0 关注
  • 4107 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信