子元素設置width=100%獲取的寬度時父容器的寬度,我們都知道,那父容器存在margin、padding、border時呢,寬度是多少呢??
根據盒模型的不同,content是不同的
當box-sizing設置為border-box時,
盒子的大小為content+padding+border即內容的(width)+內邊距的再加上邊框
當box-sizing設置為content-box時,盒子的大小不包括padding和border
這個時候子容器設置width=100%時,寬度時content的寬度