【转】用DIV+CSS让footer始终在底部_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:30:59
Original
1073 Leute haben es durchsucht

css如何定位网站的footer(用DIV+CSS让footer始终在底部)
平时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的 定位,如果内容比较少的话,页面的FOOTER就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小 的技巧给大家分享

    首先我们要在外层设定一个DIV(content  

      下面是实现的方法:
     


         

              

                     

main


                     

你可以改变浏览器窗口的高度,来观察footer效果。


                     

文字文字文字文字文字文字文字文字文字文字


             

             
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!