css盒模型是怎樣工作的
作者：佚名 時間：2014-03-10 分享到：
根據css,可以給四個區(內容,內邊距,邊框和外邊距)中的每個區指定值,這些值是附加的,把內容,內邊距和邊框的值加起來,就是例子的總寬度,如果內容寬度是400px,內邊距每邊是50px,邊框的每邊是2px,那么總寬度是504px.
css不在處你選什么值作為主要值,也不在科你選 什么樣的值來組合和匹配,例如,在顯示頁面時,你可以指定內容值為訪問者瀏覽器窗口的67%,內邊距為5em,邊框為1px,總和怎么算呢,很難計算,這將取決于訪問者瀏覽器窗口的寬度和文檔的默認尺寸.
關于盒模型還有更多需要解釋的,一方面是:垂直相鄰元素的上外邊距和不外邊距相互疊加(形成加深或是加強效果)
另一個方面是:當盒為空時,尺寸值沒有意義,如果你指定空盒占據頁面高和寬的100%,而實際它只占0%,原因是盒里沒有元素,這與html框架的作用方式不同,也與在4.0瀏覽器上的表格而已作用方式不同,如果你企圖用背景顏色填充兩個塊級元素的方法來實現顏色效果,這種方法在框架和4.0瀏覽器上的表格而已里是,但在css里不起作用,從這個意義上說,你很難把外觀和結構區分開來,因為不存在數據也就不存在外觀.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n3243.html
