css 如何設置底部固定

要css 底部固定需要兩部分代碼：html代碼、css代碼

成都創新互聯公司專注于企業成都全網營銷、網站重做改版、金沙網站定制設計、自適應品牌網站建設、H5頁面制作、電子商務商城網站建設、集團公司官網建設、成都外貿網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為金沙等各大城市提供網站開發制作服務。

1、html代碼：

body

div class='header'/div

div class='container'/div

div class='footer'/div

/body

2、css代碼：

.container{ padding-bottom:30px; /*需要 = footer的height值*/}

.footer{ height:30px; position:fixed;? bottom:0px;? z-index:-1;}

擴展資料：

HTML代碼使用規范問題：

1、格式問題

在代碼視圖中編寫代碼，一定要規范的格式，不要把代碼全部都寫到一塊，這樣不僅影響效率，更加影響視覺，當出現問題的時候往往很難找到原因所在，比如，我在編寫HTML標簽的時候總是每個標簽都頂格寫，結果今天在實驗的時候，出現了錯誤，自己看著自己的代碼找問題都想著急，最后根據嵌套的層數找到了原因，缺少了結束標簽 導致的嚴重錯誤，所以謹記要把代碼格式寫規范；

2、布局問題：

在設計網頁時，應該首先構造好網頁的整個框架，然后對每個框架逐一進行完善，這樣當那個部分出現問題的時候，我們就可以單獨找到那個模塊進行修改，例如我們剛剛學到的div+css這一部分的時候，應該先創建一個總的容器，然后在容器中逐一添加登錄、導航、廣告展示、主要內容、版權信息等各個模塊，設置好各自的css樣式，然后 再進行進一步的細化。

在這樣的設計中，如果不先設計好總的結構，div的位置就會錯亂，那樣就不能很清晰地找到發生狀況的原因。

3、輸入問題：

一定要正確輸入標簽。輸入標簽時，不要輸入多余的空格，否則瀏覽器可能無法識別這個標簽，導致無法正確地顯示信息。各種符號一定要在英文狀態下輸入，否則不會 顯示正確的效果。源代碼不區分大小寫。

4、屬性設置問題：

相應的標簽對應著自己的屬性，因為各個標簽對應的屬性實在是太多了，很容易混淆，如果我們想給某個標簽內的內容設置相應的屬性，我們必須在該標簽內找到相應的 屬性方法進行設置，比如將table的寬度設置為700、邊框寬度設置為1、單元格間距為0,相應的代碼設置是：table width="700" border="1" cellspacing="0" ；

5、引用問題：

當我們在外部設置了css樣式，并且要引用這個樣式表時，我們必須要在head/head標簽內添加link標簽，如外部樣式表為style.css，那么我們需要在head標簽中添加的是link href="css/style.css" rel="stylesheet" type="text/css"/,首先href是引入樣式的地址必不可少，rel定義了文檔與鏈接的關系，stylesheet是定義一個外部加載樣式表。

參考資料：百度百科——HTML代碼

css實現div懸浮層，始終停留在瀏覽器的最下方，不隨頁面的滾動條滾動改變位置或消失

1、新建一個html文件，命名為test.html。

2、在test.html文件內，使用div標簽創建一個div，同時設置其class屬性為con,主要用于下面通過該類名進行樣式的設置。

3、在test.html文件內，在div內使用p標簽創建一段測試文字的顯示。

4、在test.html文件內，在div內，再使用div標簽創建一個類名為ff的div，用于作為懸浮的div。

5、在test.html文件內，在css標簽內，使用“*”初始化元素樣式，設置外邊距和內邊距都為0。同時，設置類名為con的div的樣式，設置其背景顏色為灰色，居中對齊，寬度為640px，高度為1000px。

6、在css標簽內，再設置類名為ff的樣式，設置其高寬都為100px，背景顏色為紅色，使用position定位屬性設置div在頁面的絕對位置，距離頁面頂部為20px，距離頁面左邊為0px，從而實現div懸浮在頁面中。

7、在瀏覽器打開test.html文件，查看實現的效果。

如何用CSS把層固定在整個網頁的最底部？

html代碼

body

DIV id="container"

DI id="content"

h1Content/h1

p請改變瀏覽器窗口的高度，以觀察footer效果。/p

p這里是示例文字，DIV固定………，這里是示例文字。/p

/DIV

DIV Vid="footer"

h1Footer/h1

/DIV

/DIV

/body

CSS代碼：

程序代碼

body,html{

margin:0;

padding:0;

font:12px/1.5arial;

height:100%;

}

#container{

min-height:100%;

position:relative;

}

#content{

padding:10px;

padding-bottom:60px;

/*20px(font-size)

x2(line-height)+10px(padding)x2=60px*/

}

#footer{

position:absolute;

bottom:0;

padding:10px0;

background-color:#AAA;

width:100%;

}

#footerh1{

font:20px/2Arial;

margin:0;

padding:010px;

}

css如何將導航絕對定位到頁面底部

有兩種方式；一種是絕對定位方式，一種是通過固定定位方式(固定定位是浮動在瀏覽器的固定位置的，就是不能隨瀏覽器的滾動而變化，始終在瀏覽器的底部)；

能用到的css樣式：position:absolute;position:fiexd;

div class="navdown" style="width:1000px;height:50px;"

li導航/lili導航/lili導航/lili導航/lili導航/lili導航/li

/div

css:

.navdown{position:absolute:bottom:0;}

.navdown{position:fiexd;bottom:0}

通過 css 將 div 固定在底部 - css

對將要固定至底部的 div 設置如下 class 樣式即可：

設置基礎寬高后并添加絕對位置定位 position 為 fixed 和 bottom 為 0；

以上便是此次分享的全部內容，希望能對大家有所幫助！

CSS如何把DIV永遠置于頁面的底部

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