1. 程式人生 > >box-sizing常用的屬性有哪些?分別有什麽作用?

box-sizing常用的屬性有哪些?分別有什麽作用?

spa idt body gpo 通過 邊距 adding AD 常用

box-sizing: content-box|border-box|inherit;

content-box:寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框(元素默認效果)。

border-box:元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。

即content-box:width:content;

border-box:width:content+padding+border;

box-sizing常用的屬性有哪些?分別有什麽作用?