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

<!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>

独秀烟沙 2019-02-22

源自：HTML基础 4-1 图像

收起

2回答

山河远阔ZZ 回答被采纳获得+3积分 2019-02-22 13:32:15

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

收起回答

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

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

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

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

<!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