前端JS的问题，如图设置图片宽100%，为什么下面会多出一截？ 10
如图下面多出一段空白。代码如下：<styletype="text/css">body{margin:0;padding:0;display:inherit;}area{m...
如图下面多出一段空白。代码如下：
<style type="text/css">
body{margin:0;padding:0;display:inherit;}
area{margin:0;padding:0;}
img{display:inherit;}
</style>
<script type="text/javascript" src="pps.js"></script>
</head>
<body onload="one()">
<img src="images/xin.jpg" width="100%" border="0" usemap="#one0Map" id="one0" />
<map name="one0Map">
<area shape="rect" coords="10,10,210,190" href="venus.html" id="one" />
<area shape="rect" coords="430,10,630,190" href="mercur.html" id="two" />
<area shape="rect" coords="10,390,210,570" href="sun.html" id="three" />
<area shape="rect" coords="10,770,210,950" href ="suns.html" id="four" />
</map>
</body>
</html> 展开
<style type="text/css">
body{margin:0;padding:0;display:inherit;}
area{margin:0;padding:0;}
img{display:inherit;}
</style>
<script type="text/javascript" src="pps.js"></script>
</head>
<body onload="one()">
<img src="images/xin.jpg" width="100%" border="0" usemap="#one0Map" id="one0" />
<map name="one0Map">
<area shape="rect" coords="10,10,210,190" href="venus.html" id="one" />
<area shape="rect" coords="430,10,630,190" href="mercur.html" id="two" />
<area shape="rect" coords="10,390,210,570" href="sun.html" id="three" />
<area shape="rect" coords="10,770,210,950" href ="suns.html" id="four" />
</map>
</body>
</html> 展开
展开全部
你需要在 img 标签的上一级标签设置 css line-height: 0，或者把 img 变成 block 元素
已赞过
已踩过<
你对这个回答的评价是？
展开全部
你设置的宽度是100% 和高度有什么关系呢。。。。
你也是设置一个高度啊按照宽100%缩放，高不定啊
你也是设置一个高度啊按照宽100%缩放，高不定啊
更多追问追答
追问
我的意思是在手机上看，网页（图片）全屏，适应不同手机屏幕，所以高就没有设置。但是结果是右边多出了滚动条，下面多出了一段空白。我还有一段js代码没有放上来，没有地方了。
追答
如果是不考虑拉伸的话，那设置高也是100% 好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在样式表里的最上边加*{margin:0px; padding:0px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
img的css加上margin:0;padding:0;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
