預設情況下，width和height設定是內容盒的寬高。
頁面重構師：將psd檔案（設計稿）製作為靜態頁面衡量設計稿尺寸的時候，往往使用的是邊框盒，但設定width和height的時候則是內容盒
精確計算
css3：box-sizing:border-box（直接用width和height設定）
預設情況下，背景覆蓋邊框盒
可以通過background-clip進行修改
手動設定寬高後可能會出現溢位
正常溢位後依舊可視
overflow設定溢位後的操作方式
world-break：會影響文字在什麼位置會被截斷換行
normal：普通，cjk字元（文字處階段），非cjk（單詞位置截斷）
注：cjk為中國，日本，南韓
break-all：截斷所有，所有字元都在文字處截斷
keep-all：所有單詞都在單詞位置截斷，即空格處截斷
white-space:nowrap;(不換行)
overflow:hidden;（隱藏溢位）
text-overflow:ellipsis;（打出…）
(只能控制單行文字)
white-space：normal，這是不空白摺疊的css**
CSS 盒模型應用
預設情況下，width和height設定的是內容盒寬高 矛盾 衡量設計稿的時候往往使用的是邊框盒，但設定weight和height，則設定的是內容盒 方法 精確計算 css3屬性 box sizing 預設情況下，背景覆蓋邊框盒 可以通過background clip進行修改 background ...
彈性盒模型的實際應用
現在是凌晨4.45分，剛才解決了乙個棘手的問題，乘著這股餘勁，我要把剛才查閱的 測試的以及平時不怎麼關注的知識點再理一遍。今天收穫真的大。1 css清除浮動。父元素如果沒有設定高度，將預設由子元素撐開父元素的高度。如果子元素設定了浮動，也不能撐開父元素的高度。2 使用 media only scre...
CSS盒模型及應用
注意事項 important 如果乙個盒子沒有給定寬度 高度或繼承父類的寬度 高度，盒子大小不受影響 新盒子 盒子大小就是寬度,padding width 包含在width中 box sizing border box 盒子計算尺寸 重點 box sizing content box 外盒尺寸計算 ...