为什么图片的百分比高度显示出错了?请老师解答一下。

为什么图片的百分比高度显示出错了?请老师解答一下。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
    <img src="http://img1.sycdn.imooc.com/climg//58c112ed0001370f03000300.jpg" height="80%" width="10%">  
</body>
</html>

http://img1.sycdn.imooc.com//climg/5c6f60cd00014a0d19100914.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,直接给body添加也是可以的哦。


山河远阔ZZ 2019-02-22 11:28:15

同学你好,高度没有显示出错哦。

图片参照的父元素是body,如果body如果不手动设置一个高度 ,那么它的高度是没有的。如下:

http://img1.sycdn.imooc.com//climg/5c6f6c0200015b6801830072.jpg

同学可以设置一个参照物来查看效果,如下:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <style>
    #box {
        width: 200px;
        height: 200px;
        border: 1px solid red;
    }
    </style>
</head>

<body>
    <div id="box">
        <img src="http://img1.sycdn.imooc.com/climg//58c112ed0001370f03000300.jpg" height="80%" width="10%">
	</div>
</body>

</html>


自己测试一下哦。

如果帮助到了你,欢迎采纳。

祝学习愉快!

  • 提问者 独秀烟沙 #1
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body style="height:600px"> <img src="index.jpg" height="80%" width="90%"> </body> </html> 老师,我直接给body一个高度,试了一下也行。请问这样写符合规定吗?
    2019-02-22 11:35:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师