為什麽子元素設置margin-top會作用在父元素上？

阿新 • • 發佈：2018-11-15

school overflow blank pad over lan 子元素 sch div

原因在於：CSS 外邊距合並

復現：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
html * {
      margin:0;
      padding: 0;
}
</style>
<body>
    <section style = "background:orange;">
        < 
article style  =‘height:100px;margin-top:40px;background:red‘></article>
    </section>
</body>
</html>

這裏子元素設置margin-top會作用在父元素上了。

解決方法：

1、為父元素設置padding。
2、為父元素設置border。
2、為父元素設置 overflow: hidden 。

為什麽子元素設置margin-top會作用在父元素上？

school overflow blank pad over lan 子元素 sch div 原因在於：CSS 外邊距合並復現： <!DOCTYPE html> <html lang="en"> <head> <meta

子級元素設的margin-top會超出父級的範圍

垂直方向會出現這個問題，水平方向不會出現！解決方法為給子元素新增浮動或者加padding-top取代margin-top webstorm： .footer_logo{ font-size

css-子div設置margin-top影響父div

元素 ima img 設置 alt gin mar mage 如果父元素的第一個子元素的上邊距margin-top如果碰不到有效的border或者padding.就會不斷一層一層的找自己父元素，祖先元素，所有需要在父元素設置border,或者paddingcss-子di

為什麽子類的初始化列表不能初始化父類的成員

{} 類的初始化初始 logs 列表正方形是的一個構造為什麽子類的初始化列表不能初始化父類的成員 C++初始化列表是一種效率更高的初始化方法，但也有一些不能使用的場景。舉個例子以下定義一個矩形，然後再定義一個正方形，繼承自矩形。這段代碼有問題嗎？

為什麽阿裏禁止在 foreach 循環裏進行元素的 remove/add 操作

調用鏈不想增強 arr 9.png 為我相等手冊正確姿勢在阿裏巴巴Java開發手冊中，有這樣一條規定：但是手冊中並沒有給出具體原因，本文就來深入分析一下該規定背後的思考。1.foreach循環foreach循環（Foreach loop）是計算機編程語言中的一種

為什麽要學習React，學習React在大數據開發上有什麽好處

跳過 ima 教程 ted 規範 img npm facebook 改變為什麽要學習React，學習React在大數據開發上有什麽好處分享之前我還是要推薦下我自己創建的大數據學習資料分享群716581014，這是全國最大的大數據學習交流的地方，2000人聚集，不管你是小

為什麽電腦用一段時間就會卡到需要重裝系統

new 發展數據垃圾分享插件電腦系統一段時間 follow 昨天一個朋友問我，他的電腦最近這幾個月已經重裝系統幾次了，每次都是用一段時間後就會比較卡。出現這種問題也是有原因的，電腦之所以會卡，籠統一點說，有兩方面的原因，：一是系統原因，二是硬件原因。今天小編給大

虛擬化技術中，為什麽說容器技術暫時將不會取代虛擬機模式

技術版本橋梁多個 inux 所有好的程序運維容器技術和虛擬機將會處於一個長期共存的狀態。容器技術的技術出發點雖然更加輕量級，部署運行快速，但其共用了底層的kernel，因此與虛擬機方式在資源隔離性方面有先天的劣勢，將暫時無法取代虛擬機模式。雖然每一個虛擬機都是

為什麼子元素設定margin-top會作用在父元素上？

原因在於：CSS 外邊距合併復現： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>

子元素設定margin-top會作用在父元素上？如何解決呢

在實戰中發現子級在父級中設定margin-top的時候，會失效，而會附加在父級上，相信大家也會遇到過這種情況，那這是怎麼回事呢？要如何解決呢？那麼我們看一下例子吧： HTML程式碼： <body> <div> <p></p&

當我失去連接時，為什麽SecureCRT窗口或標簽會關閉？

其中為什麽 disco http 選項卡是否關閉窗口解答 connect SecureCRT提供了一個選項，允許在其中的連接關閉時自動關閉窗口或選項卡。默認情況下不啟用此選項，因此如果您看到此行為，則可能是您已啟用它（或者由創建SecureCRT安裝的配置文件的任何

為什麽有些行內元素可以設置寬高

為什麽mysql設置了密碼之後，本地還可以直接訪問，不需要輸入密碼就可以登錄數據庫了？

leg 訪問 cheng 重載賬號登陸為什麽除了 msyql 用戶轉自 http://blog.csdn.net/buyaoxx/article/details/77619619 今天開發中在Centos7中安裝MySQL5.6版本後，在表中新建了一個weich

解決為什麽已經設置了request.setCharacterEncoding("utf-8");POST請求仍然亂碼的問題

csdn etc enc param pan 輸出無效處理方法 meta request.setCharacterEncoding("utf-8");應該在獲取請求參數之前設置　　在 http://bbs.csdn.net/topics/380124606 和 htt

在一個沒有固定寬高的容器中,為什麽設置position:absolute後就可以全屏顯示了?

RM pan absolute 瀏覽器容器 window posit 繼承 nbsp 此場景適用於移動端百分比布局，背景全屏顯示。在一個沒有固定寬高的容器中設置背景，想要背景全屏顯示，設置寬高100%後還需設置position:absolut; 原因： absolute

HTML頁面為什麽設置了UTF-8仍然中文亂碼

計算機標簽 href 出現 odin set sin editplus title 如題，其實問題很簡單，在用EditPlus寫html頁面的時候，發現設置為UTF-8的時候仍然出現了亂碼，這是一個很奇怪的問題，而且我完全考慮了瀏覽器的解析問題，將title放在了了met

String為什麽要設置成Final類型

ide cte uid 只有一個 his void rod tor eat ---今天面試碰到個這樣的問題：String在設計的時候為什麽要設計成final的當時回答的是String功能已經很豐富了，不需要對其進行擴展，所有巴拉巴拉。現在來正確看看為什麽定義成fina

單片機驅動為什麽要設置為低電平有效?

電源高達電子它的做到 led 耗電必須負載問題：單片機的外圍電路設計及程序編寫大多是以低電平有效來驅動電路的？回答：這是因為單片機的低電平時的灌電流一般比高電平時的拉電流要大。如一般的51 系列單片機的I/O 口可以輸出4mA 的拉電流或20mA 的灌電流；

Tomcat 設置虛擬路徑US現金盤平臺搭建的幾種方法及為什麽設置虛擬路徑

重新啟動根目錄主機安裝目錄修改方法為什麽 webapps 說了 () 很多朋友US現金盤平臺搭建論壇：haozbbs.com Q1446595067 都會很疑惑，既然我們都知道在Tomcat服務器上部署項目只要將項目打包，然後放到webapps目錄下就可以了，為什

匯編調用c函數為什麽要設置棧

代碼初始子程序 c語言暫時包含準備通過並且之前看了很多關於uboot分析類的文章，其中提到為C語言的運行準備棧。而在uboot start.S匯編代碼中，關於系統初始化，也看到棧指針初始化，即正確給棧指針sp賦值，卻從來沒看到有人解釋，為何要這樣做。接下來，

為什麽子元素設置margin-top會作用在父元素上？

相關推薦