1.box-sizing屬性
可以指定width與height屬性指定的寬高值是否包含元素內(nèi)部的補白區(qū)域鲁驶,以及邊框的寬度與高度扔水。
有兩個屬性:
-content-box:只包括content的寬度(默認);
-border-box:包括content+padding+border
在Firefox瀏覽器曹步,還可在box-sizing屬性中指定padding-box:content+padding;
2.使用box-sizing屬性原因
目的是控制元素的總寬度,如果不使用該屬性休讳,樣式默認為content-box屬性值讲婚。
可以使用border-box設(shè)為50%,實現(xiàn)并列顯示俊柔。