<style> #wrap { width:500px; margin:0 auto; perspective: 800px; transform-style: preserve-3d; position: relative; /*在此处如果不写position:relative的话#wrap div应该是关于body进行定位，应该出现在最左边的距离顶部102px的位置上，但是实际情况还是居中位于顶部102px的位置上，说明下面div没有脱离父级呢？比较疑惑，请大神优艾设计网_设计百科看下原因？*/ }#wrap div { position: absolute; top: 102px; left: 0; width: 500px; }#wrap span { height: 100px; background: #ccc; border: 1px solid #000; display: block; } </style> </head><body> <div id="wrap"> <div> <span>1</span> <div> <span>2</span> <div> <span>3</span> </div> </div> </div> </div> </body> </html>
zilong12345 优艾设计网_设计客 2022-04-24 16:01
首先你想说即使去掉#wrap的relative属性，效果一样。你这个布局给#wrap加上这个属性和不加上有什么区别？你的#wrap就相当于你的body了，不是说这个属性没起作用！想看效果，在wrap上加个有高度的div，不久知道了？
qkoufu1377 2022-04-24 16:03 优艾设计网_PS论坛
经测试发现是perspective: 800px;和transform-style: preserve-3d;共同影响了positon。
加载中,请稍侯......
精彩评论