正在回答
2回答
你好同学 , 老师看了一下视频 , 是这样的 .视频中图片参照的父元素是body .而body默认是有宽度的 ,宽度也是相对浏览器100%显示的 .所以图片设置的宽度50%能够计算出来 .
但是body如果你不手动设置一个高度 ,那么它的高度是没有的 . 例如写一个空页面 ,在浏览器中按F12审查 ,会发现body高度为0
而在视频中 , body的高度是它里面的内容帮它撑开的 ,body自身是没有设置高度的 , 所以图片高度60%没有办法参照父元素高度计算. 即高度百分比设置没有效果 ,高度会按照图片等比例缩放变化 .
同学可以下载源码测试一下 ,给body设置一个高度 , 如下 :
设置body高度600px ,60%就是360px ,图片的高度百分比起效果了 .
希望解答了你的疑惑 , 祝学习愉快 ,望采纳 .
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星