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

关于section设置高度100%没有效果的问题

我和老师一样在st-scroll,st-panel上加了position:relative; width:100%; height:100%，然后st-scroll生效了，但是st-panel上100%还是原来的高度。在查看审查元素中能发现st-panel是加上了height：100%。但是为什么没有效果，求解

ffg_疯疯过

2015-04-22

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

关注问题我要回答

7599

操作

收起

4 回答

慕田峪8598472
2022-11-16

在style.css中加入下面内容 html{ width: 100%; height: 100%; } body{ font-family: Georgia,serif; background: #ddd; font-weight: 400; font-size: 15px; color: #333; overflow: hidden; -weblkit-font-smoothing: antialiased; width: 100%; height: 100%; } .container { width: 100%; height: 100%; }

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

proto
2015-09-07

恩，我的也是这样

元素审查发现body的覆盖域并不是100%，st-container的覆盖域是100%

st-scroll的覆盖域=body的覆盖域=st-container的覆盖域—导航的覆盖域（而且导航的覆盖域不仅仅是几个标签那么大，还覆盖到了上边的一部分）

现在不知道问题出在哪里了，有几个疑问：

body里写完了导航其大小就不是页面的100%了么？
st-container的大小是页面的100%，这个有什么问题么？
section和scroll都设置成了body的100%大小，但是只有scroll是跟body一样大，section没变，这是跟head里mata标签有关还是normal有关？

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

liangdu
2015-04-25

请问你解决了吗？我的也是这样

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

ffg_疯疯过提问者
2015-04-22

发错章节了，是在2-2那节...

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

#1

css加上这些代码 .container { width: 100%; height: 100%; } .st-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

2015-06-28 回复有任何疑惑可以回复我~

#2

proto 回复 Crazy凡

然而并没有用

2015-09-07 回复有任何疑惑可以回复我~

#3

慕田峪8598472 回复 proto

在style.css中加入下面内容 html{ width: 100%; height: 100%; } body{ font-family: Georgia,serif; background: #ddd; font-weight: 400; font-size: 15px; color: #333; overflow: hidden; -weblkit-font-smoothing: antialiased; width: 100%; height: 100%; } .container { width: 100%; height: 100%; }

2022-11-16 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

css3实现网页平滑过渡效果

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

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

本课相似问答

2 回答h2设置的top:50%怎么没效果

1 回答三角形是相对于a定位的，而a是有高度的，那为什么要设置bottom:100%,而不是bottom:34px?

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

4 回答相对定位如何让高度100%

2 回答为什么给st-scroll和section设置了高跟宽，显示不出只有一个盒子

搜索更多本课相关问答

关于section设置高度100%没有效果的问题

我要回答关注问题

意见反馈帮助中心 APP下载