原文:子div設置margin-top使得父div也跟着向下移動

之前在寫網頁的時候,發現一個小問題,就是子div設置margin top的時候,父的div也會跟着向下移動。我用代碼和圖描述一下問題: html view plaincopy lt spanstyle font size: px gt lt style gt margin: padding: .div background:green height: px .div background:dark ...

2018-04-27 10:57 0 3126 推薦指數:

查看詳情

css-div設置margin-top后,divdiv一起下移

根據海玉的博客 這個問題發生的原因是根據規范,一個盒子如果沒有上補白(padding-top)和上邊框(border-top),那么這個盒子的上邊距會和其內部文檔流中的第一個元素的上邊距重疊。 再說白點就是:元素的第一個元素的上邊距margin-top如果碰不到有效的border ...

Sun Nov 20 05:25:00 CST 2016 0 7935
DIV塊中設置margin-top時影響DIV塊位置的解決辦法

在文章《實現文本滾動》中子DIV塊#main中設置margin-top時,若DIV塊#box中沒有“overflow:hidden;”,則DIV塊中margin-top會影響DIV塊的位置 解決辦法1: 若DIV塊中使用margin-top,則在DIV塊中添加:overflow ...

Thu Mar 08 07:10:00 CST 2012 0 6681
元素設置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
關於內層DIV設置margin-top不起作用的解決方案

關於內層DIV設置margin-top不起作用的解決方案 (一) 近日在做另外一個站點的時候,又遇到這個問題,決定好好的研究解決一下。 代碼如下: <div>上部層</div> <div> <!--層--> < ...

Thu Dec 15 03:33:00 CST 2016 0 5011
關於內層DIV設置margin-top不起作用的解決方案

(一) 近日在做另外一個站點的時候,又遇到這個問題,決定好好的研究解決一下。 代碼如下: <div>上部層</div> <div> <!--層--> <div style="margin-top:200px;">子層 ...

Tue May 21 23:05:00 CST 2013 1 30337
解決元素設置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
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM