老师,这里为什么不用设置width,而要设置overflow呢?

老师,这里为什么不用设置width,而要设置overflow呢?

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

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

5回答
好帮手慕码 2020-06-23 19:09:23

同学你好,这个要结合实际需求去考虑。举个例子:如果你的图片是背景大图,要填充满整个页面的,这时候可以设置宽度100%就可以了;或者是图片要显示在一个div盒子中,图片比div大,要求显示一部分,这时候设置overflow:hidden;超出盒子部分隐藏即可;

同学不要担心,在实际工作中,开发页面要按照设计师设计的设计稿开发,按照图纸上的宽高去设置即可。

同学可以参考这个例子灵活思考一下。祝学习愉快~

好帮手慕码 2020-06-23 16:51:13

同学你好,这个需要结合实际情况去考虑。一般情况下,插入一张图片,它的宽度就是图片原来的宽度。如果你对这个宽度不需要修改的话,就不需要再设置了;如果你想设置小、大一点,可以去添加width属性。

祝学习愉快~

  • 提问者 慕用6222994 #1
    我知道固定宽度,那肯定是要设置的。只是我不知道那一般情况下,是多大才算大。
    2020-06-23 18:54:12
好帮手慕码 2020-06-23 13:51:50

同学你好,源码是讲课老师整理的,所以也有这个属性。同学写的时候可以去掉。

祝学习愉快~

  • 提问者 慕用6222994 #1
    图片达到多大的时候,不用设置width了呢?
    2020-06-23 13:54:15
好帮手慕码 2020-06-23 09:44:09

同学你好,解答如下:

1、不设置宽度是因为图片很大,100%显示的,不需要再设置宽度了;(可结合第二条回复一起理解)

2、设置overflow也是因为图片很大,超出了一屏幕,如下:

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

导致出现水平滚动条,所以这里要设置超出隐藏;

3、因为已经设置了背景图片,所以这里的background-color可以去掉。在视频里书写了,可能是老师的习惯,同学写的时候可以去掉!

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕用6222994 #1
    源代码里面也有background-color
    2020-06-23 11:36:49
提问者 慕用6222994 2020-06-22 23:30:20

还有,这里明明已经设置了用切图作为背景图,那么为什么这里还有background-color?这不是多余吗?

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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