前端基础：overflow: hidden 在本案例中，为什么不能使用？

clearwater · 发表于 2019-12-24 22:43

本帖最后由 clearwater 于 2019-12-25 06:33 编辑

拜托水神，不要来回复与问题无关的内容或什么搞气氛。要聊天，可以去水区聊天。
——————————————————————————————————————————————————————————————

视频中老师提到，当照片超过盒子的宽度，这时不能用overflow: hidden.
见以下截图。
可是我没听懂他在说什么，或者说为什么不能用overflow: hidden.

哪位大神能帮我看看老师在说啥吗？视频很短，一共才2分钟。他的这段讲解是从1：36开始的。

链接: https://pan.baidu.com/s/15rZCipw4Qc3GrfcAx1Fo7A 提取码: 96q7

我自己做了一个盒子，里面放一张照片，照片的尺寸超过盒子的尺寸。我用overflow: hidden, 溢出去的部分就被隐藏了。为什么老师说下面的截图不能用？

谢谢大神！

打工仔-知恩 · 发表于 2019-12-24 23:06

本帖最后由打工仔-知恩于 2019-12-24 23:07 编辑

可能故意超出的，就是要这种效果，你把超出的部分隐藏了那图片就变形了，左右都不对等用户视觉体验不好

chrioz · 发表于 2019-12-24 23:09

要实现的效果就是溢出也显示，溢出隐藏了实现不了效果，是这个意思

白栀青衫 · 发表于 2019-12-24 23:45

上图效果是用定位做的，所以这里若是用overflow的话，会同时把溢出的部分给隐藏，所以不建议在这用overflow去清除浮动

clearwater · 发表于 2019-12-25 06:36

本帖最后由 clearwater 于 2019-12-25 06:38 编辑

打工仔-知恩发表于 2019-12-24 23:06
可能故意超出的，就是要这种效果，你把超出的部分隐藏了那图片就变形了，左右都不对等用户视觉体验 ...

谢谢您。在您的帮助下，我又去看了视频，觉得您的回答比较满意，给您好评。

同时也谢谢其他帮助我的大神，现在我没有能量，等我有能量了，#3，#5会各给一个CB币。

我觉得这不是用定位做的，是用li来布局的。

clearwater · 发表于 2019-12-25 10:16

本帖最后由 clearwater 于 2019-12-25 10:17 编辑

wobzhidao 发表于 2019-12-25 08:41
这个确实不错的软件啊。

不要来这里灌水。

我的帖子和软件有什么关系？

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] 前端基础：overflow: hidden 在本案例中，为什么不能使用？

免费评分

免费评分

免费评分