为什么图片的div的高度和宽度我写成%,图片会无法显示

为什么图片的div的高度和宽度我写成%,图片会无法显示

.images{
    width: 90%;
    height: 85%;
    position: relative;
    margin: 0 auto;
    background: #fff;
}
.images > img{
    width: 98%;
    height: 96%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}


正在回答 回答被采纳积分+1

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

2回答
好帮手慕星星 2019-02-17 08:19:28

你好,不是因为图片设置margin值的原因,因为body本身是没有高度的,由里面的内容撑起来,所以.images元素设置高度为百分比,没有一个父级高度参照,高度就没有设置成功。

同样的里面图片高度也设置百分比,也许需要有一个参照,.images设置高度成功的情况下,才可以显示,所以html,body需要设置上高度。

自己可以测试下。

好帮手慕星星 2019-02-15 10:29:14

你好,不知道你的布局是什么样的,.images外面是否还有父级元素盒子,还是和视频中布局是一样的,外面没有父级元素盒子,这样就没有一个参照来计算高度百分比。

可以给html和body添加上高度(固定高度或者百分比都可以),例如:

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

自己可以测试下,祝学习愉快!

  • 提问者 慕虎0507412 #1
    为什么父级元素要添加高度,是因为图片的margin:auto吗?
    2019-02-15 19:51:31
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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