1樓：豬豬
標準盒子模型的尺寸為：「內容的寬高+兩側內邊距padding的大圓州返小+兩側邊框border的大小」；而ie盒子模型的尺寸直接就為：「內容的寬高」，盒子設定的寬/高屬性橘飢就是盒子自身的整體尺寸，如果帶有內邊距或邊框，則通過縮小內容區域來實現。
盒子模型（box modle）可以用來對元素進行佈局，包括實際內容（content）、內邊距（padding）、邊框（border）與外邊距（margin）這幾個部分。
一、盒模型的分類。
盒子模型分為兩種跡汪：ie盒子模型（怪異盒模型）和標準w3c盒模型。
<>二、標準模型與 ie 模型的尺寸計算。
1、標準盒子的尺寸計算。
盒子自身的尺寸：內容的寬高+兩側內邊距的大小+兩側邊框的大小。
盒子在頁面中佔位的尺寸：內容的寬高+兩側內邊距+兩側邊框+兩側外邊距。
2、 ie盒子的尺寸計算。
盒子自身的尺寸：內容的寬高。
盒子在頁面中佔位的尺寸：內容的寬高+兩側外邊距。
ie盒子直接將寬/高屬性設定為盒子自身的整體尺寸，如果帶有內邊距或邊框，則通過縮小內容區域來實現。
2樓：1024前端生
預設情況下，計算 css 盒子模型的尺寸時，需要考慮元素的內容區域（content）、內邊距（padding）、邊框（border）以及可選的外邊距（margin）。
以下是 css 盒子模型中各部分的計算方式：
預設情況下，元素的寬度和高度由內容的大小決定。可以使用 `width` 和 `height` 屬性來顯式設定內容區域的尺寸。
2. 內邊距（padding）：內邊距指的是元素內容區域與邊框之間的空轎隱白區域。
可以使用 `padding` 屬性來設定內邊距的大小，可以分別指定上、右、下、左四個方向的內邊距值，或者使用縮寫形式同時設定四個方向的內邊距。
3. 邊框（border）：邊框是圍繞內容和內邊距的線條或樣式。可以使用 `border` 屬性來設定邊框的樣式、寬度和顏色。邊框槐帆擾的尺寸會增加元素的寬度和高度。
4. 外邊距（margin）：外邊距指的是元素與周圍元素之間的空白區域。
可以使用 `margin` 屬性來設定外邊距的大小，類似於內邊距，可以分別指定上、右、下、左四個方向的外邊距值，或者使用縮寫形式同時設定四個方向的外邊距。
在計算盒子模型的尺寸時，通常採用以下公式：
總寬度 = 內容寬度 + 左內邊距 + 右內邊距 + 左邊框 + 右邊框 + 左外邊距 + 右外邊距。
總高度 = 內容高度 + 上內邊距 + 下內邊距 + 上邊框 + 下邊框 + 上外邊距 + 下外邊距。
預設情況下，盒子模型的尺寸計算基於內容區域的大小。通過新增內邊距、邊框和外邊距，可以增加元素的尺寸並改變其在頁面中的佈局和顯示效果。
需要注意的是，css 盒子模型的計算方式可以通過 `box-sizing` 屬性進行調整。預設情況下，`box-sizing` 的值為 `content-box`，即尺寸計算不包括內邊距和邊框。但是，你可以將 `box-sizing` 設定為 `border-box`，使尺寸計算包括內鉛旦邊距和邊框，從而更方便地控制盒子模型的大小。
css盒模型計算的區別
3樓：frederick與狼共舞
ie盒子模型box-sizing:border-box;（怪異模式）
w3c標準盒子模型 box-sizing:content-box;（標準模式）預設模式。
content-box:這是預設樣式指定css標準。測量width和height屬性只包括的內容，但不是border, margin, 或者 padding。
padding-box:width和height屬性包譁舉雀括padding的大小，不包括border和margin
border-box:width和亂早height屬性包括padding和border，但不是margin。這是盒模型的文件時，internet explorer使用quirks模式。
content-box不包答橋含padding，border-box包含padding。所以如果你設定的大小是一樣的，content-box看起來，會比border-box大。
能夠影響到盒子模型寬高的css屬性?
4樓：1024前端生
以下是一些常用的css屬性，它們可以影響盒子模型的寬度（width）和高度（height）：
1. width（寬度）：設定元素的寬度。可以使用畫素（px）、百分比（%）或其他單位來指定寬度值。
2. height（高度）：設定元素的高度。同樣可以使用畫素、百分比或其他單位來指定高度值。
3. padding（內邊距）：設定元素內容與邊框之間的距離。新增內邊距會增加元素的實際尺寸。
4. border（邊框）：設定元素的邊框樣式、寬度和顏色。邊框也會佔據一定的寬度和高度。
5. margin（外邊距）：設定元素與相鄰元素之間的距離。外邊距會在元素周圍建立一定的空白區域，影響元素的實際尺寸。
6. box-sizing（盒子模型）：控制元素的盒子模型計算方式。
可以設定為 content-box（預設，寬度和高度不包括邊框和內邊距）或 border-box（寬度和高度包括邊框和內邊距大返）。
7. display（顯示方式）：控制元素的顯示方式。不同的display屬性值（如block、inline、flex等）會影響元素的盒子模型計算方式和尺寸。
8. position（定位方式）：控制元素的定位方式。絕對定位凳察、相對定位等定位方式可能會影響元素的盒子棗仿茄模型尺寸和位置。
這些屬性可以通過設定不同的值來調整元素的寬度和高度，並影響盒子模型的計算方式。注意，其他css屬性的使用也可能對盒子模型產生間接影響，例如字型大小（font-size）、行高（line-height）等。
正常情況下，男女如何能生龍鳳胎，什麼情況下可以生龍鳳胎
這個非人力能夠 的 都正常情況下啦，只能看運氣啦。要想提高雙胞胎產率，注射生長因子吧。要想生龍鳳胎，只有通過生物技術。什麼情況下可以生龍鳳胎?1 服用葉酸的婦女懷雙胞胎的機會比沒有服用的婦女高出近一倍。在2569名曾服用葉酸專的孕婦中，她們所生的孩子屬每100名中就有2.8人為雙胞胎嬰兒，而在沒有服...
什麼情況下的計算電荷考慮負號,求助阿
電荷的正負號只是來表示其帶電極性，跟電荷極性有關的就帶，無關的就不帶。場強是要帶的，電勢也要，比較大小時就不必了。不能簡單bai說要不要，du那是要手感的，就zhi同一公dao 式運用時在不版同情況下也會分要和不要的。權。你算時全都帶，算出結果再看看所求的是什麼，要不要表示方向或大小，不要正負的若有...
什麼情況下職工的前後工齡連續計算，工齡應該如何計算
工齡計算 1.摺疊連續計演算法也叫工齡連續計算。例如，某職工從甲單位調到乙單位工作，其在甲 乙兩個單位的工作時間應不間斷地計算為連續工齡 2.摺疊合併計算也叫合併計算連續工齡。是指職工的工作經歷中，一般非本人主觀原因間斷了一段時間，把這段間斷的時間扣除，間斷前後兩段工作時間合併計算 3.摺疊工齡折演...