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以前現在將來...