CSS DIV佈局如何讓div的位置隨著另div的大

2021-07-02 23:40:56 字數 3087 閱讀 6028

1樓:一動出行

先確定div1的大小。

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

2樓:匿名使用者

middle

foot

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

3樓:亂亂亂頭緒

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

4樓:匿名使用者

結束foot

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

11111

22222

33333

44444

55555結束

div+css 怎麼讓一個小div在另一個大div裡面 垂直居中

5樓:匿名使用者

方法一、小div絕對定位或相對定位,這樣小div脫離標準流,大div有固定寬高,用小div的margin去擠大div

注意:如果小div沒有絕對定位或相對定位,且大div沒有border,那麼小div的margin實際上踹的是“流”,踹的是這“行”。如果用margin-top,大div整體也掉下來了。

如下:方法二、如果給大div加一個border,使大div,小div都不定位,用小div的margin去擠大div,實現小div居中。

顯示結果如下:

方法三、小div絕對定位,大div相對定位,定位到大盒子的寬高一半的位置,再上下各margin負的自己寬高的一半

顯示結果如下:

6樓:匿名使用者

實現原理是設定margin自動適應,然後設定定位的上下左右都為0。

就如四邊均衡受力從而實現盒子的居中:

**:.parent

.child

擴充套件資料div+css絕對定位

使用通常是父級定義position:relative定位子級定義position:absolute絕對定位屬性,並且子級使用left或right和top或bottom進行絕對定位。

.divcss5 定義,通常最好再定義css寬度和css高度.divcss5-a 這裡定義了距離父級左側距離間距為10px,距離父級上邊距離為10px

參考資料

7樓:純潔的小樹

方法1:

.parent

.child

方法2:

.parent

.child

方法3:

.parent

.child

方法4:

.parent

.child

8樓:碼農不過如此

小div在大div中居中可以設定合適的padding 或margin值,尺寸計算對了就好

當然如果尺寸不方便計算的話那就使用定位屬性,小的div在大的div中分別絕對定位為:left:50%;top:

50%,然後再新增margin-left\top屬性,值為負的小div的寬高的一半~

簡單**如下:

9樓:青鳥中關村專家

如果說是div裡面套著div的話,就可以直接設定外面的div的valign屬性的值為middle。

valign 屬性規定單元格中內容的垂直排列方式

10樓:

qq使用 margin: auto;

11樓:匿名使用者

方法一,小div在大div中居中可以設定合適的padding 或margin值

方法二,使用定位屬性,小的div在大的div中分別絕對定位為:left:50%;top:50%,然後再新增margin-left\top屬性,值為負的小div的寬高的一半~

12樓:你太受歡迎自欲

divdiv img

line-height別掉下否則不起作用

13樓:小風往西

大小div分別設定寬高;

大div;

小div;

注意上面有個負號別丟了;

對這方面感興趣可以去w3cschool學習。

14樓:河東陳彬

上面方法很多,但是最好的最通用的一個就夠了:

15樓:匿名使用者

提供一個截圖供參考:

css div絕對定位 後 頁面的大小改變 div層位置如何保持不變

16樓:mm小麻

定位的話 你得確定此div是相對誰而定位的 因為你需要藉助一個載體 相對這個載體來回定位 通常是父div作為那個答載體 所以你要給父div加個屬性position:relative;然後再用position:absolute來定位此div 就沒問題了

17樓:茶細品

給絕對定位的外層div加個position:relative;

18樓:韓美

用z-index控制

19樓:w3c潮流前端網

就像樓下mm小麻說的,相對誰定位是關鍵。

如何讓div自動適應自身的img高度

1 通過實現 高度跟隨寬度比例調整。2 但是這個百分比是根據父級的高度來計算的,根本不是根據元素自身的寬度,那麼就做不到div的寬高達成一定的比例。3 直接指定div的寬高 zoom來實現自適應div這樣能達到初步的等寬高div。4 通過js動態判斷div的寬度來設定高度divwindow.onre...

虛心請教DW高手,請求發一些用div佈局的頁面,學習一下萬分感謝

我自己寫了一些的div css網頁靜態設計,如果你要的話,加下我就可以了。我自己來空間的 源一個試用瀏覽的樣本,都已經寫好動態指令碼了,不過上邊的div css是可以看的。不能直接轉換,可以在dw中新建一個頁面,用你在ps中設計出的小樣做背景,然後一塊一塊手動寫div css dw只是一個做網頁的工...

CSS如何在div裡定義不同的ul屬性

div ul1 div ul2 每個ul加不現的class或者id就可內 以了,容 11111111111 11111111111 11111111111 11111111111 css如何在div裡定義2個不同的ul屬性?一個div裡面兩個ul,分別定義樣式麼?如果我理解正確的話,你只要活用選擇器...