如何使div中ul位置 能够按照预期的效果显示。请多多指教！谢谢！
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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" />
<meta name="keywords" content="">
<meta name="description" content="">
<title>11</title>
<style>
.mid_body_mid{ margin:0 auto; border:1px solid #FF0000; width:950px; height:510px;}
.mid_body_mid_left{ width:190px; float:left;border:1px solid #FF0000; height:500px; }
.mid_body_mid_left ul li{border:1px solid #FF0000; padding:0px; float:left;list-style:none;}
.mid_body_mid_right{ width:750px; float:left;border:1px solid #FF0000;height:500px;}
</style>
</head>
<body
<div class="mid_body_mid">
<div class="mid_body_mid_left">
<ul>
<li><img src="images/website_design7_r1_c1.jpg" alt="介绍昱胜" name="Image1" width="124" height="34" border="0" id="Image1" /></li>
<li><img src="images/website_design7_r2_c1.jpg" alt="品牌故事" name="Image2" width="124" height="34" border="0" id="Image2" /></li>
<li><img src="images/website_design7_r21_c1.jpg" alt="动态介绍" name="Image3" width="124" height="34" border="0" id="Image3" /></li>
<li><img src="images/jn_develop.jpg" alt="济南开发中心" name="Image4" width="124" height="34" border="0" id="Image4" /></li>
</ul>
</div>
<div class="mid_body_mid_right"></div>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="">
<meta name="description" content="">
<title>11</title>
<style>
.mid_body_mid{ margin:0 auto; border:1px solid #FF0000; width:950px; height:510px;}
.mid_body_mid_left{ width:190px; float:left;border:1px solid #FF0000; height:500px; }
.mid_body_mid_left ul li{border:1px solid #FF0000; padding:0px; float:left;list-style:none;}
.mid_body_mid_right{ width:750px; float:left;border:1px solid #FF0000;height:500px;}
</style>
</head>
<body
<div class="mid_body_mid">
<div class="mid_body_mid_left">
<ul>
<li><img src="images/website_design7_r1_c1.jpg" alt="介绍昱胜" name="Image1" width="124" height="34" border="0" id="Image1" /></li>
<li><img src="images/website_design7_r2_c1.jpg" alt="品牌故事" name="Image2" width="124" height="34" border="0" id="Image2" /></li>
<li><img src="images/website_design7_r21_c1.jpg" alt="动态介绍" name="Image3" width="124" height="34" border="0" id="Image3" /></li>
<li><img src="images/jn_develop.jpg" alt="济南开发中心" name="Image4" width="124" height="34" border="0" id="Image4" /></li>
</ul>
</div>
<div class="mid_body_mid_right"></div>
</div>
</body>
</html> 展开
展开全部
主要是受到ul的padding和margin的影响。加一个样式即可，如下：
<ul style="padding:0px; margin:0px;">
追问
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
