css怎麼實現div隨著網頁的大袖化而變化呢

時間 2021-07-23 16:28:36

1樓:大野瘦子

流體佈局

佈局.one

.two

注:通過這樣設定,就可能拉動瀏覽器,盒模型的寬度就會隨著你的拉動而變大縮小,但也是有一定限度的。

2樓:講笑話哈

你說的是流體佈局,這種佈局的難度相對較高,因為都是百分比值,之前設計開始也要考慮周到,對於自體的大小,每個版塊的值都要考慮在內。

舉個例子,

流體佈局

佈局.one

.two

通過這樣設定,就可能拉動瀏覽器,盒模型的寬度就會隨著你的拉動而變大縮小,但也是有一定限度的,具體你可以自己去嘗試,看看縮小到什麼地步,盒子就會錯位。

3樓:匿名使用者

百分比可以,但就像前面網友說的,超過一個限度,內容就會錯位

4樓:匿名使用者

簡單,用width:auto; height:auto;不過,在這個div結束前,加一個

,不然不能自動增長(有些瀏覽器)

5樓:回憶

css實現div隨著網頁的大小變化而變化,首先我們需要了解div的width和height的屬性設定,有一個auto引數,就是代表的是隨著內容的大小而改變,瀏覽器縮小,自然div的寬度就會減小,高度就會有所增加,具體看下**:

我是測試文字

6樓:

width:100%

如何讓div大小隨視窗大小變化 10

7樓:弋橙

大致講一下思路。

1、設定一個最外層容器div-box,實現【頂部觸頂底部觸底,div與頁面高度間固定差值】,在css檔案中的.div-box下可修改margin數值)

2、前三個div可公用一個樣式 div1

3、第五個div絕對定位在底部 div5,需要將div-box的position設為relative,否則會基於body定位。

4、第四個div設定高度為100% (如果樣式需要設定高度撐滿整個頁面,那麼最外層高度設定必須設定為100%),絕對定位到div-box中。

以下是**。

html頁面**

div1固定高度

div2固定高度

div3固定高度

div4動態高度

div5固定高度

css樣式

html,body

.div-box

.div1

.div4

.div5

8樓:真_五花肉

給body加一個height:100%;給html加一個height:100%,然後需要根據頁面高度變化的div的高度也寫成百分比,試試看,但要精確實現你說的比視窗小10px好像不太好實現

9樓:hyt通

在第四個樣式這樣寫:

min-height:150px;overflow:auto;_height150px;_overflow:none; background-color:#166;

ps:最外層div不要定死高度

10樓:唫銫娍寶

整個盒子這樣寫:

position: absolute;

left: 0;

top: 0;

width: 240px;

height: 100%;

background: red;

上下的距離可以用空div寫

11樓:名字好費勁

這樣動態的變化除了百分比就剩下js能實現啊

12樓:起個名字真煩

給div的css加上position:absolute;這個屬性。

css+div佈局如何讓一個div的位置隨著另一個div的大小的變化

13樓:一動出行

先確定div1的大小。

然後再div2和div3都加上float的屬性,這樣只要div2或div3有一個大小在變化,另外一個div的位置也會跟著一起變化。

14樓:匿名使用者

middle

foot

如果html是上面正常結構,css裡面你沒亂用定位去佈局大的版面排版,並且有浮動的地方正確的浮動了,那麼正常情況下foot本來及是在middle下方的,並且middle裡面內容多高度變化就會把boot往下擠。把**發出來,你多半是錯誤的使用定位屬性去拼出頁面了。

15樓:亂亂亂頭緒

在它們倆的外邊再套一個div,不定寬,這樣他倆的寬就會自適應

16樓:匿名使用者

結束foot

----------------

11111

22222

33333

44444

55555結束

js如何設定一個div高度值隨另一個div寬度值變化而變化?

17樓:匿名使用者

window.onresize = function()

18樓:love——yan秋

首先設定兩個baidiv,假設du

給出id分別為a和b,b始終為zhia的寬度的二分之dao一。

js**為:

var diva=document.getelementbyid("a");

var divb=document.getelementbyid("b");

var wid=diva.offsetwidth;

function jt()

settimeout("jt",100);

}function resizeb()

jt();

但是這樣寫是在不知道a的大小為什麼變化的情況下,這樣寫很耗cpu,如果很明確a的大小變化原因,直接給a繫結事件就可以了

Css使Div自適應居中,css 怎麼實現 div水平居中 呢?

娛樂小八卦啊 在佈局一張網頁時,通常網頁主體框架是居中於瀏覽器中的。實現最外層div水平居中與瀏覽器中需要一個條件和一個設定。假如最外層div盒子的css命名為 divcss5 這個時候為了相容各大瀏覽器實現最外層的這個盒子居中。條件 這個時候對 body 設定css內容居中樣式 text alig...

css怎麼設定div同行固定寬度佔

假設第一個div的寬度為200px 設定第二個div 的width calc 100 200px html div css寬度為1000px的div中有兩個子div,一個子div寬度是變化的,怎麼讓另一個子div填滿剩餘寬度? 慕惠年華 css不能實現的,填滿剩餘寬度只能是在frame裡,你這種情況...

如何獲取網頁中的css

全球塑膠網 開啟 然後ctrl s儲存,有個資料夾,裡面就有css檔案 檢視本頁源 把css樣式地址複製下來 基本都是 template global.css 在地址輸入框例如 後面加上.template global.css即http zhidao.baidu.css 這個是參考別複製貼上 在網頁...