css div網頁充滿整個瀏覽器視窗

時間 2022-02-08 08:40:14

1樓:小丁創業

方法和詳細的操作步驟如下:

1、第一步,建立或開啟web專案,新建html檔案以及css檔案,見下圖,轉到下面的步驟。

2、第二步,執行完上面的操作之後,圖中顯示了html頁面**,定義div並給出id屬性等級,見下圖,轉到下面的步驟。

3、第三步,執行完上面的操作之後,將「height」值設定為零,使用「padding」屬性的「top」或「bottom」,同時運用背景色來進行測試,見下圖,轉到下面的步驟。

4、第四步,執行完上面的操作之後,效果如下,如果進行放大或進行縮小,則寬度和高度將進行相應的更改,見下圖。這樣,就解決了這個問題了。

2樓:匿名使用者

可以在三個div的外面再加一個父級的div,然後設定這個div的高度為100%.

不過直接設定高度為100%對於大多數瀏覽器無效.一個物件的高度是否可以使用百分比顯示,取決於物件的父級物件.

ie中認為父級物件為body

ff等標準瀏覽器認為為html

html,body

#high

3樓:匿名使用者

把css裡面content這個id裡面的寬度去掉就可以了.

#content

4樓:匿名使用者

要用固定高度定義content,要不就用內容把它撐開,兩個都不用怎麼會自己變長?

css怎樣讓背景充滿整個螢幕 30

5樓:小西

html

...your content goes here...

給body標籤指定背景圖,這樣背景圖就可以填充整個瀏覽器viewport了。

其實,該方案對所有的塊級容器都可以生效。塊級容器的寬高是動態的,那麼背景圖將自動伸縮,充滿整個容器。

css body標籤的樣式如下:

body

上面最重要的一條就是:

background-size: cover;

這樣瀏覽器就會按比例縮放背景圖直至背景圖寬高不小於容器的寬高(在上面的例子中,就是body標籤)。

這裡需要注意的一點就是:如果背景圖小於body標籤的尺寸(例如在高解析度顯示器上,或頁面內容特別多時),瀏覽器會拉伸**。都知道,當把一個**拉伸時,**會變模糊。

因此,在選擇背景圖時,要特別注意尺寸。為了照顧到大尺寸螢幕,demo裡用的**尺寸為5498px * 3615px 。

同時,為了讓背景圖始終相對於viewport居中,宣告瞭:

background-position: center center;

上面的規則會把背景圖縮放的原點定位到viewport的中心。

接下來需要解決的問題是:當內容的高度大於viewport的高度時,會出現滾動條。希望背景圖始終相對於viewport固定,即使使用者滾動時也是一樣。

解決辦法就是:

background-attachment: fixed;

6樓:海南特產大全

你說的是要設定導航條的背景為全屏嗎?

如果是的話,你在導航的父區塊設定背景就可以瞭如果要整個網頁都設定背景全屏

可以在body標籤裡面設定網頁背景

7樓:匿名使用者

可以把寬度設定成百分比,按你的要求你設定成100%就可以,不要寫固定的數字。

8樓:駐雲客

如果你是用的背景圖 那麼就用background-repeat:repeat-x;這個css樣式就可以了 它是將你的背景圖橫向重複添充的意思

9樓:保定學院星期八

width:auto; 自動撐開

10樓:小婉朋友

.menu

望採納。

11樓:匿名使用者

只是因為有預設值吧,把* 加上

新手求助,怎樣用css讓網頁佈滿整個瀏覽器視窗

12樓:學點筆記

body,html

瀏覽器會預設給body留有margin,重置為0即可。

另一方面,內容的塊(div)長度單位使用%定義(這只是針對你的鋪滿的要求,實際佈局中,使用%也會出現某些問題,以後可以慢慢去學會如何調整),比如:

.content

13樓:匿名使用者

這樣body就是整個瀏覽器了

怎麼設定div+css自動充滿頁面?

14樓:匿名使用者

把html和body屬性設定如下,就能自動充滿頁面:

html,body

15樓:酷網工作室

將寬度設定為100%,會根據視窗的寬度自動調整

16樓:

把寬度設定成百分百的就可以了,把**裡的字設定成text-aligh:center;而且對**的寬度做最小處理。min-width:xx px;

17樓:婁喬玲

在最外層的div設定width:100%.

18樓:匿名使用者

把div寬度設成100%

css 設定 高度撐滿 頁面

19樓:匿名使用者

樣式設定高度撐滿整個頁面,那麼必須從最外層一層一層設定高度100%;**如下:html,body,div

這裡預設div是第三層,如果要撐滿全頁面的話,那麼外層必須也是高度100%;

下面舉個例子:

高度全屏

20樓:

1 *div之間沒有距離

2 高度不要設定div的高度會自動根據內容撐滿頁面。

21樓:匿名使用者

* 設定了所有的div的頂部和底部的距離為0

22樓:匿名使用者

高度全屏

網頁導航條寬度隨著瀏覽器視窗大小而自適應,用div+css應該怎麼寫?麻煩說明一下思路

火狐瀏覽器網頁顯示不全,火狐瀏覽器網頁顯示不全

限定宇宙飛 在使用火狐時,偶然會發現本來正常顯示的頁面出現各種詭異的顯示問題和排版問題,例如樣式表載入不上,頁面全向左排列等等。出現這些問題主要是由於火狐快取混亂造成的,而造成快取錯亂的原因就是用了第三方工具清理了火狐的快取,可能是第三方工具的臨時bug造成火狐快取沒刪乾淨。目前360等已經升級解決...

網頁瀏覽器哪個最好用,什麼瀏覽器最好

ie6在經過了千錘百煉之後,被驗證從實用程度來說還是最好用的,在下不否認ie6的 漏洞和容易被安裝惡意外掛,但是你需要明白一個道理 越安全的東西,實用性就降低了,越實用的東西安全性肯定就有相應的衰減。我建議你使用ie6加一些防治spyware的軟體,就可以保證既安全又實用,比如使用spyware t...

瀏覽器怎麼調整網頁顯示比例,怎麼設定瀏覽器的預設網頁縮放比例

淡水河谷 按住鍵盤左下角ctrl鍵後再輪翻滑鼠小輪子 超級鐵樹開花了 瀏覽器都可調整頁面比例,如本例中瀏覽器右下角可方便的縮放頁面比例 2可以勾選 縮放比例對所有頁面生效 方便快捷 步驟閱讀 3ie瀏覽器可以從工具中的縮放,調整頁面比例。 按住ctrl 滑動滑鼠滾輪 怎麼設定瀏覽器的預設網頁縮放比例...