css中div塊的margin外邊距與overflowhidden的關係

時間 2021-09-09 01:43:36

1樓:匿名使用者

over:hidden這個是溢位隱藏。就是你原先的div設定多大他就只能是多大的,超出的部分全部被隱藏起來。

還有,做多個div塊的時候不設定浮動是一個很不好的習慣,這樣你做出來的很多東西在dw裡面都會顯示塌陷或是亂層,做一個新手,你做網頁的時候思路不是那麼清晰,所以少用繼承屬性,因為繼承到最後你可能都不知道最下面的div繼承了那個的父值。

你圖裡顯示的應該是你製作軟體裡面的檢視吧,你應該在預覽裡面才能看清楚他是不是有問題,在製作檢視裡的位置不一定是正確的。

2樓:匿名使用者

這個嘛。根據標準。是應該加overflow:hidden;的。而你這個截圖應該是在dw裡面的檢視看的吧。

在不加overflow:hidden;的時候,margin-top:這個屬性是認不到邊的,也就是失效。

但是ie瀏覽器解決了這個問題,火狐、谷歌之類的就會出現失效,所以這是個標準問題,也是個相容問題。

那個空白部分在實際瀏覽中應該沒這麼誇張。預設的margin好像是10畫素到14畫素之間吧。具體的忘了。不同的瀏覽器有不同的解析。

所以你看視**決不了多少問題。還是看實際瀏覽。一個塊還是多加overflow:hidden;符合標準,又防止內容超出。

3樓:青都片

你能把你出現的**貼出來嗎,不知道父元素定義了哪些樣式。

一般情況下父元素over:hidden不會影響到沒有浮動的子元素,沒有浮動的子元素會發生外邊距合併的效果。

如果子元素浮動了over:hidden起到浮動閉合的作用。你可以用多個瀏覽器看看他的效果是怎樣的。

4樓:

overflow:hidden;和margin值沒有任何的關係。

第一張圖是成立的,當兩個模組垂直相接時,如果上面模組的設定的是margin-bottom,下面的模組設定的是margin-top時,瀏覽器顯示的空白會為較大值。

你的第二張圖的設定我特意在電腦上實驗了一下,理論和實際都不成立。

你自己再試試,你用的什麼瀏覽器?

ps:不同意樓上的,浮動不是必須的,繼承是有優點的。

css中overflow:hidden的問題

5樓:過兒無敵

這是因為overflow:hidden使得div產生了bfc效果,根據bfc的佈局規則之一,div那個產生的bfc區域不會與左邊浮動的元素所重疊。

CSS能設定div之後將div中img的超出尺寸不頂出去嗎

煙道夫 2種辦法 隱藏掉,overflow hidden給img設定一個固定的寬和高.這樣 就會自動壓縮了還有就是上傳 時就裁剪好尺寸,就不會有這樣的問題了 div 寬和高要設定。image寬度設為100 就行了,高度會自動按比例縮放。如果你想 鋪滿div而無視 長寬比例,那麼把image高度也設為...

css如何使整個div中的整段文字右移

嘉文四世丶威威 1 為設定div靠右移動一點前 第一個 前者 div 第二個 後者 div 2 操作設定第二個div左外邊距離樣式 關鍵css box a,box b box a box b 3 使用margin right就不能對需要向右移div設定,而是對前者 藍色div 設定即可,實現紅色di...

如何用css設定div與div之間的間距呢

衛戍邊疆 2 在index.html中的標籤中,輸入css sub。3 瀏覽器執行index.html頁面,此時3個div子子容器的垂直間距被統一設定為了30px。 a 和b設定float left屬性,如果要控制b與a的距離的話,就在b的屬性裡設定margin left 間距px go以前現在將來...