1. 程式人生 > >html 外邊距合併的解決辦法

html 外邊距合併的解決辦法

margin-top沒有效果,這個時候可以:

避免外邊距合併

  • 行內框
  • 浮動元素
  • 絕對定位元素

因此要避免外邊距合併,可以:

  • 給父元素新增一個小的padding-top。
  • 給父元素新增樣式:overflow:hidden;
  • 將其設為浮動元素或絕對定位。
  • 給父元素新增border。