子元素的margin-top作用於外層父元素解決方法
有時候在設定子元素的margin-top屬性的時候,本來是要作用於父元素,但是表現的結果卻是父元素具有了margin-top效果,下面就通過程式碼例項介紹一下如何解決此問題。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #box{ width:200px; height:200px; background:red; overflow:hidden; } #main{ width:50px; height:50px; background:blue; margin-top:50px; } </style> <body> <div id="box"> <div id="main"></div> </div> </body> </html>
外邊距合併問題,overflow:hidden可以解除此問題,具體可以參閱margin外邊距合併詳解一章節。
相關文章
- 為什麼margin-top不是作用於父元素
- 將子元素的margin-top傳遞給父元素
- margin-top失效傳遞給父元素解決方案
- margin-top影響父元素定位
- 解決子元素浮動,父元素沒有撐開的問題
- CSS子元素居中(父元素寬高已知,子元素未知)CSS
- 子元素浮動導致父元素沒有被撐開解決方案
- 為什麼margin-top對父元素有效
- html 子元素div影響父元素高度HTML
- 判斷一個元素是否是另一個元素的子元素或者父元素
- 如何防止滑鼠移出子元素觸發父元素的onmouseout事件事件
- 子元素固定寬度 父元素寬度被撐開
- javascript在iframe子元素中獲取父視窗元素JavaScript
- 為什麼有時父元素無法包含子元素?
- 利用jQuery查詢子元素和父元素程式碼例項jQuery
- 子元素scroll父元素容器不跟隨滾動JS實現JS
- jquery 查詢某個元素的父元素jQuery
- js如何元素當前元素所有的父元素JS
- jQuery子窗體如何取得父窗體的元素jQuery
- 設定子父元素overflow:hidden,子元素absolute不顯示問題
- 三種方法解決浮動元素父容器高度自適應問題
- 關於父視窗獲取跨域iframe子視窗中的元素跨域
- jQuery如何實現獲取父元素下指定型別標籤的子元素集合jQuery型別
- layer父介面呼叫子彈窗的方法和獲取子彈窗的元素值總結
- JavaScript獲取父元素下子元素節點JavaScript
- jQuery在子視窗如何操作父視窗元素jQuery
- 父元素沒有被撐開塌陷問題解決方案
- 子元素超過父元素padding-right和margin-right失效padding
- jQuery獲取指定元素的父元素程式碼例項jQuery
- CSS單位em是相對於父元素還是當前元素的字型大小?CSS
- jQuery如何獲取元素父節點和子節點jQuery
- javascript獲取指定元素父元素程式碼例項JavaScript
- 子元素浮動不能正常顯示的解決辦法
- css元素層疊順序詳解CSS
- position:fixed 相對父元素定位
- js刪除父元素下所有的元素節點程式碼JS
- Html 內聯元素和外聯元素HTML
- css匹配指定元素的子元素程式碼例項CSS