视频5:20的地方没听明白

视频5:20的地方没听明白

视频说溢出,怎么没看到溢出呢?说宽合适,高度高就会溢出,或者高合适,宽很大的时候就会溢出,这句话怎么理解呢?是溢出div盒子的范围到外面来还是啥意思?要是宽高都很大,那么又怎么溢出的呢?

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

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

1回答
好帮手慕星星 2018-02-11 10:29:29

你说的是background-size:cover;这个属性吗?

cover的意思是把背景图像扩展至足够大,会保持原来的宽高比例,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

如果图片的宽高比为5:3,外层盒子的宽高比为5:4,使用cover时,就是图片高度会被拉伸至充满整个垂直方向,又是等比例放大,水平方向宽度会溢出(溢出的部分在页面中是看不到的)。

如果图片的比例是5:3,外层盒子的比例是6:3,使用cover时,就是图片的宽度会被拉伸至充满整个水平方向,又是等比例放大,垂直方向高度就会溢出(溢出的部分也是看不到的)。

可以自己理解测试一下,祝学习愉快~


  • 提问者 潜狸 #1
    我觉得溢出说成去掉还好点,就是多余的部分去掉,我看有个博客上写的
    2018-02-11 10:32:56
  • Miss路 回复 提问者 潜狸 #2
    溢出是专业的说法,不过你的建议,我们还是会认真考虑的,以后尽量有专业的说法,也有通俗的说法。祝学习愉快!
    2018-02-11 10:36:37
  • 提问者 潜狸 回复 Miss路 #3
    老师我是这样理解的,就是按Sheep_Lay说的,拿盒子6:3为例,图片5:3按理说,这个图片高度是能恰好铺满,但图片宽度比盒子宽度小,但也会被拉伸充满,那高度不就刚好吗?3对3,为啥依旧存在溢出现象呢?学生不解
    2018-02-11 10:43:21
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

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

在线咨询

领取优惠

免费试听

领取大纲

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