前端基础:overflow: hidden 在本案例中,为什么不能使用?
本帖最后由 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:07 编辑
可能故意超出的,就是要这种效果,你把超出的部分隐藏了 那图片就变形了 ,左右都不对等 用户视觉体验不好 要实现的效果就是溢出也显示,溢出隐藏了实现不了效果,是这个意思 上图效果是用定位做的,所以这里若是用overflow的话,会同时把溢出的部分给隐藏,所以不建议在这用overflow去清除浮动 本帖最后由 clearwater 于 2019-12-25 06:38 编辑
打工仔-知恩 发表于 2019-12-24 23:06
可能故意超出的,就是要这种效果,你把超出的部分隐藏了 那图片就变形了 ,左右都不对等 用户视觉体验 ...
谢谢您。在您的帮助下,我又去看了视频,觉得您的回答比较满意,给您好评。
同时也谢谢其他帮助我的大神,现在我没有能量,等我有能量了,#3,#5会各给一个CB币。
我觉得这不是用定位做的,是用li来布局的。
本帖最后由 clearwater 于 2019-12-25 10:17 编辑
wobzhidao 发表于 2019-12-25 08:41
这个确实不错的软件啊。
不要来这里灌水。
我的帖子和软件有什么关系?
页:
[1]