原文:css中margin-top或者margin-bottom失效

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

2017-06-10 10:11 0 3340 推薦指數:

查看詳情

為什么行內元素不能設置margin-top/margin-bottom/padding-top/padding-bottom?

HTML 里的元素分為替換元素(replaced element)和非替換元素(non-replaced element)。- 替換元素是指用作為其他內容占位符的一個元素。最典型的就是img,它只是指向一個圖像文件。以及大多數表單元素也是替換,例如input等。- 非替換元素是指內容包含在文檔 ...

Wed Dec 20 07:40:00 CST 2017 1 1293
關於margin-top失效

今天在寫頁面的時候發現margin-top失效,父元素與子元素之間距離為零。百思不得其解。 如圖: 代碼如下: 很明顯元素main與container之間並沒有margin的存在。 百度之后發現應該是兩者之間的margin-top被折疊了,main的margin更大 ...

Fri Dec 05 05:27:00 CST 2014 1 6138
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
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM