问答详情
源自:1-4 使用radio制作导航(添加样式)

关于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 17:03

个回答

  • 慕田峪8598472
    2022-11-16 23:47:46

    在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%; }

  • proto
    2015-09-07 18:49:15

    恩,我的也是这样

    元素审查发现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有关?


  • liangdu
    2015-04-25 13:07:18

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

  • ffg_疯疯过
    2015-04-22 17:12:21

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