1. 程式人生 > >設定padding會把div撐開的原因以及解決辦法

設定padding會把div撐開的原因以及解決辦法

因為Div添加了內邊距屬性,Div的實際寬度=Div的初始固定值+邊距值(高度同理) 例如Div設定為寬度為100px,新增5px的上下左右內邊距,該Div的最後寬度為100+5+5=110px。

  1. CSS padding 屬性定義元素邊框與元素內容之間的空白區域。
  2. 內邊距數值設定相同,只需要寫成:padding:10px;
  3. padding 接受長度值或百分比值,但不允許使用負值

所以如果需要給固定Div新增內邊距,想要它不撐開,就將固定值設定為想要得到的寬度值與邊距值之差。

eg、 未設定padding-top的 在這裡插入圖片描述 父div設定完padding-top:100px的會撐開自身高度 在這裡插入圖片描述 所以需要把自身高度減去100px才能與原來相同 在這裡插入圖片描述