原文:關於margin-top失效

今天在寫頁面的時候發現margin top失效,父元素與子元素之間距離為零。百思不得其解。 如圖: 代碼如下: 很明顯元素main與container之間並沒有margin的存在。 百度之后發現應該是兩者之間的margin top被折疊了,main的margin更大,因此container的margin沒有體現出來。 w cshcool中的解釋是:外邊距合並指的是,當兩個垂直外邊距相遇時,它們將形 ...

2014-12-04 21:27 1 6138 推薦指數:

查看詳情

css中margin-top或者margin-bottom失效

css中margin-top是設置容器的外間距了距離了,div嵌套后,margin-top或者margin-bottom失效了,在網上打到下面的方法可以解決。 設計頁面的時候遇到一個神奇的問題,下面是html的代碼 <body> < ...

Sat Jun 10 18:11:00 CST 2017 0 3340
CSS設置margin-top失效及解決辦法

在web網站開發中,有時候我們給html元素設置的margin-topmargin-bottom屬性,但是無效,並沒有取到任何作用,這是什么原因呢?常出現兩種情況: 1、兄弟元素之間margin-top失效 先看下面代碼: <div> <div class="box1 ...

Fri Nov 13 19:44:00 CST 2020 0 1392
子元素margin-top失效不起作用的解決方法

原文 http://neirong.org/post-260.html 有兩個嵌套關系的div,如果外層div的父元素padding值為0,那么內層div的margin-top或者margin-bottom的值會“轉移”給外層div,使父元素產生上外邊距。 原因:盒子 ...

Sun Aug 28 06:14:00 CST 2016 0 1571
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM