                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

height:100%; width:100%; position:relative;不起作用

.st-panel还是无法100%占满屏幕

qq_我即是我_03793402

2017-03-05

源自：css3实现网页平滑过渡效果 2-2

关注问题我要回答

1098

操作

收起

3 回答

往事随风_遇见最好的你
2020-04-08

但是，这是什么原理呢

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

收起回答

慕斯8234454

position:absolute; 移动是依据最近所设置的 position:relative; 为基准来做移动,所以跟老师说的.st-scroll 移动刚好相反

2020-05-16 回复有任何疑惑可以回复我~

志在天堂
2018-04-01

首先，保证你的CSS样式和老师的一样，第一把内容从container里取出，和container保持同级，然后设置，html，body，container，的height为100%，然后问题就解决了

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

收起回答

qq_我即是我_03793402 提问者
2017-03-05

.st-container{

width: 100%;

height: 100%;

position:absolute;

left:0px;

top:0px;

font-family:"Josefin Slab","Myriad Pro",Arial,sans-ser;

}

这个要写对就好了

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

收起回答

啊西巴

absolute的话所有页面都重叠了啊

2017-06-20 回复有任何疑惑可以回复我~

0/150

提交

取消

css3实现网页平滑过渡效果

参与学习 54371 人
解答问题 372 个

CSS3 打造页面之间的平滑过渡效果，带来神奇的体验

进入课程

本课相似问答

2 回答height:100%不起作用

2 回答关于100%的height不全屏的问题

1 回答bottom:100% 是啥意思？

1 回答animation不起作用

2 回答@font-face不起作用

搜索更多本课相关问答

height:100%; width:100%; position:relative;不起作用

我要回答关注问题

热搜

最近搜索清空

height:100%; width:100%; position:relative;不起作用

3 回答

本课相似问答

height:100%; width:100%; position:relative;不起作用