margin-top和margin-bottom穿透的解決

默認情況下子元素設置margin-top或margin-bottom會影響父元素,解決辦法通常是給父元素加個邊框,但那樣會額外多出一像素的空間,今天發現另外的解決方法,可避免1像素的浪費,就是給父容器加個overflow屬性設置為auto或hidden,但不設置寬高

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,815評論 1 92
  • 1.塊級元素和行內元素 塊級(block-level)元素;行內(內聯、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,050評論 1 4
  • 1. 前言 前端圈有個“梗”:在面試時,問個css的position屬性能刷掉一半人,其中不乏工作四五年的同學。在...
    YjWorld閱讀 4,543評論 5 15
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,101評論 0 1
  • 周末的閑暇時光看了經典的電影《觸不可及》,也有很多的譯本叫做《無法觸碰》、《二次呼吸》,看完電影的時候,我一直在想...
    簡約Dr閱讀 1,418評論 2 6