                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3 3D 特效

overflow的作用？

对overflow：hidden还是不理解，我将class=page的div宽高都设成400px，按理应该溢出了啊，但从效果中可看出，多余的部分还是没有隐藏，why？

慕的地3472395

2016-05-14

源自：CSS3 3D 特效 3-2

关注问题我要回答

1252

操作

收起

1 回答

超的逗逗回答被采纳 +3 积分
2016-05-15

谢谢同学的提醒，我本来就是溢出的，结果添加了该属性后就没有溢出了，我就在那里郁闷了半天，怎么没像老师那个效果了，结果才是没这个属性。本来按照3D的效果，已经翻看过的page会展现出一点点，可是如果用了overflow，就会将展现出的那点点遮掉，这样就不会看见已经翻看过的页码了。

0 回复有任何疑惑可以回复我~

收起回答

慕的地3472395 提问者

嗯，我懂你的意思了。经过多次试验，已经知道了overflow的作用：如果父元素设置为overflow：hidden，它作用的范围仅限于其直接子元素，即不具有继承性。静态展现时，如果子元素的大小超出了该父元素，那么超出部分将被隐藏，且3d效果会受到影响；如果没有超出父元素大小，则不会被隐藏，重点在于此时如果作3d变换，视觉上则是完全的3d效果。按下面的步骤你将直观的看到我所说的问题： 1、改变class=page的div的大小，使其大于pageGroup的div的大小，观察效果。 2、为pageGroup增加overflow：hidden；再观察效果。字数有限，说的不太明白

2016-05-15 回复有任何疑惑可以回复我~

0/150

提交

取消

CSS3 3D 特效

参与学习 78572 人
解答问题 425 个

使用CSS3当中的属性，创建真实可用的三维效果

进入课程

本课相似问答

1 回答这句话的作用是什么？

1 回答return不起作用

1 回答-webkit-transition: -webkit-transform 1s linear;的作用是什么？

3 回答如何制作一个旋转的正方体

2 回答滑竿的使用

搜索更多本课相关问答

overflow的作用？

我要回答关注问题

热搜

最近搜索清空

overflow的作用？

1 回答

本课相似问答

overflow的作用？