老师 我想请问下关于img的问题

老师 我想请问下关于img的问题

  <style>

        .one {

            height: 200px;

            width: 200px;

           float: left;

        }

     </style>

</head>

<body>

    <div class="one">   <img src="../../images/1.jpeg" alt="">  </div>

   

</body>

我想请问下为什么我给这个div定义长宽却限制不了图片的大小 要加一个overflow:hidden才行 谢谢老师https://img1.sycdn.imooc.com//climg/62a1718a09c47fa711220911.jpg

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

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

1回答
好帮手慕星星 2022-06-09 13:07:36

同学你好,div设置宽高是限制div大小,img不会继承宽高。图片宽高大于div就会超出

https://img1.sycdn.imooc.com//climg/62a17f870962c3a806000254.jpg

如果想限制图片大小,可以直接将宽高设置在图片上

https://img1.sycdn.imooc.com//climg/62a17fb10987ae2403430178.jpg

或者给图片设置宽高为100%

https://img1.sycdn.imooc.com//climg/62a17fd409d1bd8d04520250.jpg

祝学习愉快!

  • 提问者 慕仙0240544 #1

    老师 但是img又没有默认值 为什么div不能继承给它呢

    2022-06-09 14:48:43
  • 好帮手慕星星 回复 提问者 慕仙0240544 #2

    图片默认有自己的大小,选中图片右击选择属性就能查看,例如:

    https://img1.sycdn.imooc.com//climg/62a19d20092559e204090263.jpg

    所以不能继承父元素的大小,记住这种现象即可。

    2022-06-09 15:12:29
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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