导航

邯郸专业做网站建设公司,网页设计制作,百度优化推广

网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 > 常见问题 >

网站建设中CSS如何把DIV永远置于页面的底部的方法


来源:邯郸煜阳网络公司  时间:2019-11-06 23:33    
网站建设中CSS如何把DIV永远置于页面的底部的方法有哪些?煜阳网络工程师提供了以下网站建设中CSS如何把DIV永远置于页面的底部的二种方法。



第一种方法:

html:
<div class="fixed">固定在底部</div>

css:

body{ padding-bottom:50px;}
.fixed{ position:fixed; left:0px; bottom:0px; width:100%; height:50px; background-color:#000; z-index:9999;}


第二种方法:


position:fixed; bottom:0; 这个方法简单好用。

运用这个CSS把DIV永远置于页面的底部 利用绝对定位,然后设置底部距离为0。

 

这个div如果位置在所有div的后面,那么只要前面的div 的高度够高的话,它的位置就会在页面的页面的底部的,一般想你这种说的要让他在页面底部的话都是页面高度太小,占不了满屏,导致页面底部部分下面有空白,你可以给这个div 前面的大的div 一个最小高度,让它撑起来。
<style>
.main{min-height: 700px;}
</style>
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>


专业网站建设15
网站制作热线:133-6303-9260
总部地址:邯郸市义乌小商品批发城15楼09号
网站建设专线:0310-3208323
微信营销专线:1336-3039260
官方网站:www.alisoho.net

煜阳科技客服QQ
邯郸煜阳科技微信公众号
微信公众号扫一扫微信号:yywlkj2017
提供您的网站制作需求
欢迎与我们洽谈网站建设业务,您也可以在下面提交您的网站制作需求
我们将竭诚为您服务!
如何称呼:
联系方式:
联系地址:
建站需求: