原文:關於css中父元素與子元素之間margin-top的問題

之前在使用經常遇到下面的問題: html: css: 顯示結果: .one與.top之間並沒有實現margin top的效果,這個問題發生的原因是根據規范,一個盒子如果沒有上補白 padding top 和上邊框 border top ,那么這個盒子的上邊距會和其內部文檔流中的第一個子元素的上邊距重疊。兩個相鄰的margin之間如果沒有明確的界限 padding border ,則會發生重疊,重疊 ...

2017-05-18 23:43 0 3079 推薦指數:

查看詳情

元素元素之間margin-top問題

元素的盒子包含一個元素盒子,給元素盒子一個垂直外邊距margin-top,元素盒子也會往下走margin-top的值,而元素元素的邊距則沒有發生變化。 html代碼: <div class="box1"> <div class="box2">< ...

Thu May 05 22:31:00 CST 2016 0 6007
css元素margin-top為何會影響元素

詳細內容請點擊 這個問題困惑了很久,雖然沒有大礙早就摸出來怎么搞定它,但始終不明白原因出在哪里,如果只是IE有問題我也不會太在意,可問題是所有上等瀏覽器都表現如此,這樣叫我怎能安心?今天總算下狠心查出來怎么回事,居然是CSS2.1盒模型規范……雖然很別扭,非常別扭的規定。   問題 ...

Sat Apr 25 01:18:00 CST 2015 2 2389
前端CSS元素margin-top穿透問題

  當我們在給元素設置margin-top后會出現一個現象,元素元素之間沒有出現間距,反而是元素和其他元素之間出現了間距,像是margin-top的效果作用在元素上一樣。這種現象就是margin-top穿透現象。   如下所示:   HTML代碼   CSS代碼 ...

Thu Mar 10 05:47:00 CST 2022 1 589
元素應該margin-top為何會影響元素【轉】

這個問題困惑了很久,雖然沒有大礙早就摸出來怎么搞定它,但始終不明白原因出在哪里,如果只是IE有問題我也不會太在意,可問題是所有上等瀏覽器都表現如此,這樣叫我怎能安心?今天總算下狠心查出來怎么回事,居然是CSS2.1盒模型規范……雖然很別扭,非常別扭的規定。   問題如下圖,兩層Div結構 ...

Sun May 26 18:05:00 CST 2013 0 9566
CSSmargin擊穿問題元素margin-top會影響元素

最近寫一個H5頁面的時候發現了這個被忽視的問題,一時沒想到什么原因,搜了半天,記錄一下,方便他人踩坑。唉,有些東西不用就忘。 一、問題描述 最終效果:會發現在元素上面會有20px的空白,然而我們並沒有對元素設置margin,可見是元素margin-top ...

Fri May 01 19:12:00 CST 2020 0 803
解決元素設置margin-top,效果到元素上的問題

原因:元素元素的上邊框重合 前端開發在重構頁面的時候,子集需要按照設計圖來設計尺寸 有的時候給元素設置margin-top 元素沒有效果,反而元素起到了 margintop效果,原因就是元素元素上邊框重合在一起 解決辦法   1為元素設置內邊距 ...

Wed Apr 17 02:04:00 CST 2019 0 1909
解決元素設置margin-top,效果到元素上的問題

有時當我們設置元素margin-top,但是卻發現元素沒有出現上外邊距的效果,反而是元素出現了上外邊距的效果。 這種問題的解決方法如下: 1.給元素加邊框。 2.給元素設置padding-top來代替給元素設置margin-top。 3.內容生成(推薦)。代碼 ...

Wed Oct 12 22:10:00 CST 2016 0 2057
元素設置margin-top后,元素跟隨下移的問題

元素設置margin-top后,元素跟隨下移的問題 div沒有margin-top:30px,但是頁面上顯示的結果確是像margin-top應用到了div上一般,div下移而p沒有。 原因是因為 當一個元素包含在另一個元素時,假設沒有內邊距padding或邊框border把外邊距 ...

Mon Feb 20 19:06:00 CST 2017 0 6208
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM