overflow的作用?

来源:3-2 JS部分

慕的地3472395

2016-05-14 21:27

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

写回答 关注

1回答

  • 超的逗逗
    2016-05-15 12:25:12
    已采纳

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

    慕的地347...

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

    2016-05-15 15:05:59

    共 1 条回复 >

CSS3 3D 特效

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

78572 学习 · 425 问题

查看课程

相似问题