CSS中父物件的內邊距是否對子物件的外邊距造成影響
有時候可能有這樣的疑問,父物件的內邊距padding是否會對子物件的外邊距margin產生影響。下面就來通過例項程式碼的表現來說明這個問題。例項程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .parent{ width:200px; height:200px; background-color:green; padding-left:20px; } .children{ width:50px; height:50px; background-color:red; margin-left:20px; } </style> </head> <body> <div class="parent"> <div class="children"></div> </div> </body> </html>
由以上程式碼的表現可以看出,父物件的內邊距可以對對子物件的外邊距造成影響的。
相關文章
- 絕對定位對margin外邊距的影響
- css中內邊距是padding,外邊距是marginCSSpadding
- 負外邊距margin對寬度的影響
- 負外邊距margin對浮動元素的影響
- CSS 負外邊距CSS
- CSS margin外邊距CSS
- CSS margin 外邊距CSS
- CSS中的負邊距CSS
- 負外邊距margin對於絕對定位元素的影響
- CSS 右外邊距失效CSS
- CSS margin負外邊距CSS
- CSS 外邊距合併CSS
- CSS 右內邊距失效CSS
- CSS padding內邊距CSSpadding
- CSS padding 內邊距CSSpadding
- 外邊距與絕對定位
- CSS 盒子的邊距塌陷CSS
- CSS 外邊距(margin)重疊及防止方法CSS
- 外邊距在定位元素中的情況
- 表格的邊距 邊框設定
- css邊距重疊的解決方案CSS
- 深入理解CSS外邊距摺疊(Margin Collapse)CSS
- body 預設具有margin外邊距
- 行級元素左右邊距及塊級元素上下邊距
- CSS-盒子模型-邊距合併CSS模型
- css中的外邊距合併時垂直方向上的普通流相鄰元素間CSS
- Android UI系列-----長度單位和內外邊距AndroidUI
- jquery包括margin外邊距的outerWidth或者outerHeightjQuery
- 面試之CSS篇 - 邊距重疊與BFC面試CSS
- 前端面試必備——外邊距合併前端面試
- 自定義UILabel內容顯示內邊距UI
- CSS佈局奇淫巧計之-強大的負邊距CSS
- jQuery offset()返回值與外邊距margin的關係jQuery
- img圖片設定padding內邊距padding
- 負邊距、三欄佈局
- margin系列之外邊距摺疊
- body在預設情況下是具有margin外邊距的
- jQuery獲取網頁中的元素距離文件邊緣的距離程式碼例項jQuery網頁