DIV CSS頁面版權底部怎麼貼著瀏覽器啊

2022-03-06 03:10:36 字數 4827 閱讀 6165

1樓:老子就叫木頭

這個首先要看你的**結構,然後用js計算除去頁尾的其他元素的總高度,如果高度大於視窗高度-頁尾版權高度,不變,如果小於視窗高度-頁尾高度,使用css position:absolute;bottom:0將頁尾版權固定到視窗底部

2樓:匿名使用者

你既然知道div+css 就應該知道是可以設定負值的

想讓它自動收縮 就設定一個最小高

3樓:回憶

div+css頁面版權底部貼著瀏覽器,首先我們需要設定好一個適當的高度和寬度,網頁佈局中一般是分成3個部分,header,content,footer,一般header和footer的高度都是確定的,所以想要讓版權貼著瀏覽器,只需要將content的區域的高度設定好就行,如一個高度是800的頁面,頭部和底部就是150,那麼給content區域一個500就可以實現這個效果,具體看下**:

我是頭部區域

我是內容部區域

我是底部區域

4樓:

position:fixed;bottom:0;

5樓:辰宜科技

最簡單的就是把margin-top增大

怎麼用div+css定義網頁版權區域

6樓:匿名使用者

你做這個東西本身就有問題。我簡單做一個比喻,我整體只有三個區域頂部的 導航 top

內容 center

底部的尾頁 footer

每一個都是一個div,寬度100%,float:left,display:block 這樣就不會重疊

然後你再往裡新增東西。這樣就不會發生錯位變形了。

7樓:青風剪輯

問題不清楚,最好截個圖說明一下:哪塊正常排版?哪塊是定位?頭文章尾部你是這樣佈局嗎?

注意:1、尾部定位的話用position:fixed;bottom:0 試試;

2、高度最好不要設定高度,讓內容自己填充。

8樓:老子就叫木頭

這個首先要看你的**結構,然後用js計算除去頁尾的其他元素的總高度,如果高度大於視窗高度-頁尾版權高度,不變,如果小於視窗高度-頁尾高度,使用css position:absolute;bottom:0將頁尾版權固定到視窗底部

9樓:回憶

div+css定義網頁版權區域,我們通常佈局的時候都是頭部,內容區域,還有底部,一般都是使用三個div,然後id分別設定為header,content,footer,然後在定義每個div的高度,一般來說,header,footer都是公共的,因為高度,內容一般都是固定的,版權的話,都是在底部的區域,舉個例子:

我是頭部區域

我是內容區域

我是低部區域

版權資訊

10樓:

一般來說底部版權本來就是應該隨著內容而自動調整高度的。

你的**裡面有top:auto; 想問下,你是用絕對定位佈局的麼?然後使用top規定每個版塊距頂部的高度?

如果用絕對定位,是一定會出現你這種情況的,並且你的這種佈局思想是錯誤的。

沒看到**,不敢確信,只是猜測,最好還是把部分css樣式粘出來看看。要不然只用猜的可不準哦。

11樓:匿名使用者

先建立一個css檔案

再在html的body內插入一個div

#footer

this is footer

12樓:

大概理解了以你的意思,可以用min-height來設定最小高度 但是火狐等瀏覽器可能不支援這個屬性。所以你也可以用js來控制div的高度。如果複雜的話 還可以用一種內外邊距的方法設定div的高度。

絕對定位也可以試一下

css如何把div永遠置於頁面的底部?

13樓:灩麗

1、首先我們新建一個html頁面,在這個html**頁面建立一個標籤,同時給這個新增一個class類為footer。

2、然後我們設定footer類,把div固定在底部。建立標籤,在該標籤內設定通過position: fixed;bottom:0設定footer類樣式,把div固定在底部。

3、然後我們儲存html**,使用瀏覽器開啟即可看到不管如何放大縮小瀏覽器div都是固定在底部的。

14樓:鰟鮍魚

不知道你說的永遠在底部是不是那種無論滾動條怎麼拉,都可以看見懸浮在底部的那種,如果是那種,是用固定定位做的。另外注意頁面中最後的元素或者body要空出固定條的高度,不然最後的元素會被遮擋。

html:

固定在底部

css:

body

.fixed

15樓:天蠍的她無他

bootstrap4 class=「fixed-bottom」

如何固定一個div在瀏覽器底部

16樓:很多很多

1、首先新建一個html頁面,然後在這個html**頁面建立一個標籤,同時給這個新增一個class類為footer。

2、然後設定footer類,把div固定在底部。建立標籤,在該標籤內設定通過position: fixed;bottom:0設定footer類樣式,把div固定在底部。

css樣式**:

.footer{

height: 100px;

width: 100%;

background-color: #ddd;

position: fixed;

bottom: 0;

3、儲存html**,然後使用瀏覽器開啟即可看到不管如何放大縮小瀏覽器div都是固定在底部的。

17樓:zzllrr小樂

方法1:使用css絕對定位

div方法2:使用css固定定位

div方法3:使用float浮動定位(適用於div是body元素的子元素)div

18樓:匿名使用者

position定位,至少要有兩個距離定位,你這樣只有bottom是不行的。還要加一個left或者right

19樓:

先用框架絕對定位到最底部,然後在框架裡面再向上絕對定位你那個框架的距離,用通俗的話,讓它跑出去

20樓:匿名使用者

position:absolute;bottom:0px;left:0px;

或者position:fixed;bottom:0px;left:0px;

css如何把div永遠置於頁面的底部

21樓:高中生三

position:fixed; bottom:0; 這個方法簡單好用。

運用這個css把div永遠置於頁面的底部 利用絕對定位,然後設定底部距離為0。

這個div如果位置在所有div的後面,那麼只要前面的div 的高度夠高的話,它的位置就會在頁面的頁面的底部的,一般想你這種說的要讓他在頁面底部的話都是頁面高度太小,佔不了滿屏,導致頁面底部部分下面有空白,你可以給這個div 前面的大的div 一個最小高度,讓它撐起來。

22樓:北漠

相對外面的包含框做相對定位, 給需要置於底部的div設定絕對定位:position:absolute; bottom:0px;

23樓:222傻豬

這個div如果位置在所有div的後面,那麼只要前面的div 的高度夠高的話,它的位置就會在頁面的頁面的底部的,一般想你這種說的要讓他在頁面底部的話都是頁面高度太小,佔不了滿屏,導致頁面底部部分下面有空白,你可以給這個div 前面的大的div 一個最小高度,讓它撐起來。

還有一種方法是給body相對定位,給這個div 絕對定位到底部

24樓:鰟鮍魚

不知道你說的永遠在底部是不是那種無論滾動條怎麼拉,都可以看見懸浮在底部的那種,如果是那種,是用固定定位做的。另外注意頁面中最後的元素或者body要空出固定條的高度,不然最後的元素會被遮擋。

html:

固定在底部

css:

body

.fixed

css div間隔瀏覽器底部100px

25樓:匿名使用者

margin-bottom: 100px;

26樓:匿名使用者

/*fixed 相容解決方案*/

* html

/*距離頂部固定位置(表示式裡面的y可以換成某個數值。距離為10px就寫10)*/

.fixed-top

/*距離底部部固定位置(表示式裡面的y可以換成某個數值。距離為10px就寫10)*/

.fixed-bottom

.fixed

樣式裡面那個y.就是個距離值。根據你要設定的大小相應的進行更改。

對應的元素

27樓:因愛被叛無妻

給div寫固定定位 position:fixed; 用法和absolute一樣。只不過寫了fixed 以後,div是根據瀏覽器定位的

28樓:c玖影

position:absolute;

bottom:100px;

29樓:

其實沒太明白你意思,可以用定位試試

30樓:匿名使用者

ie6奇葩瀏覽器會否定你的

樓上兩個說的都 不對不用試了

uc瀏覽器不能放大頁面了,UC瀏覽器不能放大頁面了

按快捷鍵 ctrl 滑鼠滾輪縮放即可,最大可以放大為500 uc瀏覽器電腦版 pc版 是uc優視全新推出的pc端電腦版的uc瀏覽器,uc瀏覽器電腦版是基於chrome的瀏覽器,具備大多數瀏覽器標配的功能,比如無痕瀏覽 瀏覽加速 滑鼠手勢 老闆鍵 廣告攔截 支援訂閱過濾規則 等,uc瀏覽器電腦版跟很多...

手機UC瀏覽器怎麼不能放大縮小頁面啊

現在uc一些版本根本沒有什麼 縮放模式 選擇。我用的是2013年出的8.8靈動版,位址列右邊的 搜尋 右邊有個下箭頭,點一下,關閉極速模式就可以縮放,極速模式打上 就不能縮放。手機uc瀏覽器是可以放大縮小頁面的。方法 開啟瀏覽器,隨便開啟一個網頁 雙擊螢幕可以縮小放大頁面 或者可以用兩個手指扒拉頁面...

在火狐瀏覽器中怎麼更改頁面的顏色設定

1.開啟firefox 2.在選單欄選擇 工具 選項 3.在彈出視窗選 內容 欄,按鍵盤 alt c4.會再彈出一個視窗,按鍵盤 alt a 即取消那個鉤 5.按確定 mozilla firefox,中文俗稱 火狐 正式縮寫為fx或fx 1 非正式縮寫為ff 是一個自由及開放源 網頁瀏覽器,使用ge...