为什么在dw中显示是正确的，但是在网页中显示就不一样了 带代码和效果图
<!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>
图像7893回答
-
阿贾大魔王
.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，不然字会被切了。一般这样的地方会限制字数，所以给个固定高度也没关系，为什么你的都没设高度，是想让它自适应吗？但好像没有用啊 -
as135614
.list .text{ width:260; float:right;}260后面没有加单位，设置无效。 -
qq_窒息_2
你先审查元素。
随时随地看视频慕课网APP
Html/CSS