> 웹 프론트엔드 > HTML 튜토리얼 > 自适应网页设置高度_html/css_WEB-ITnose

自适应网页设置高度_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:33:10
원래의
1277명이 탐색했습니다.


内容不够多footer部分下面还有留白的情况下,怎么让网页自适屏幕应高度?


回复讨论(解决方案)

html,body{height:100%;}.footer{position:absolute;bottom:0;}

<style>#footer{position:fixed;bottom:0;z-index:10}</style>
로그인 후 복사

那个设置body的高度100%然后把footer这一块的样式设置bottom:0定位在body最下面就好了

html,body{height:100%;}.footer{position:absolute;bottom:0;}


但是我的内容有个边框,footer下去了,边框还在上面,有办法解决么?



    

         ......
    

    

        .......
    


 

     

...版权所有


 



这是我前段时间做得项目的写法,应该跟楼主想要的差不多,框架是这样的,楼主可以参考一下

边框和内容写在一个DIV里面,一起foot下去

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿