max-width的继承方式的问题?
我看到老师里面写了max-width:100%然后图片最大宽度就是图片本身。然而width:100%是整个游览器宽度。
max-width:100%中100%如果继承的父级应该也是游览器的宽度吧也就是最大宽度不能超过游览器的宽度应该也是占满呀。但是为什么是图片的最大宽度呢
另外我更多看到的是width和max-width结合使用。在只设置max-width的时候他的原始宽度会是多少
16
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕慕子
2022-02-08 11:49:56
同学你好,对于你的问题解答如下:
1、max-width和width属性都不具有继承性,设置的百分比是根据祖辈元素设置的宽度进行计算的。
2、给img标签设置的max-width:100%;是指图片的最大宽度,但是并没有设置width属性指定图片的宽度是多少,所以最终图片默认以自身宽度显示
3、一般是width结合max-width使用,在没超过max-width属性值时,元素宽度以width属性值为准,超过后,元素宽度以max-width属性值为准,防止元素超出。
只设置max-width的时候,参考第二条解释,此时元素的width默认是auto,所以原始宽度也就是元素内容的宽度
祝学习愉快~
慕先生3038079
2022-02-08 11:48:56
哦哦知道了,div,body这些都是默认有宽度的,img也有默认的图片的宽度 。max-width是对于自身的宽度。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星