1. 程式人生 > >百度前端學院-基礎學院-第吳課/第六課

百度前端學院-基礎學院-第吳課/第六課

bubuko doc 長度 borde href developer mar 例如 特殊

今天是一個跨天的任務,學習目標是:掌握CSS盒模型及Float;

盒模型要點:

  • 如果盒子的高度被設置為百分比長度,那麽盒子高度不會遵循這個設置了的百分比長度,而是總會采用盒子內容的高度,除非給它設置了一個絕對高度(例如,像素或者 em)。這比把頁面上每個盒子的高度默認設置為視口高度的 100% 更方便。
  • 邊界(border)也會忽略百分比寬度設置。
  • 外邊距(margin)有一個特殊的行為,稱為 外邊距塌陷: 當兩個盒子挨在一起時,二者之間的距離為兩個挨著的外邊距中最大的那個值,而不是二者的和。

overflow:技術分享圖片

background-clip:背景裁剪,值有:

技術分享圖片

box-sizing: 改變盒子計算;值:border-box(height只是不包含margin);和 content-box(只包含內容高度)

百度前端學院-基礎學院-第吳課/第六課