W3C标准盒模型
外盒尺寸计算（元素空间尺寸）
element空间高度＝内容高度＋内距＋边框＋外距
element空间宽度＝内容宽度＋内距＋边框＋外距
内盒尺寸计算（元素大小）
element高度＝内容高度＋内距＋边框（height为内容高度）
element宽度＝内容宽度＋内距＋边框（width为内容宽度）
2.IE传统下盒模型（IE6以下，不包含IE6版本或”QuirksMode下IE5.5+”）
外盒尺寸计算（元素空间尺寸）
element空间高度＝内容高度＋外距（height包含了元素内容宽度、边框、内距）
element宽间宽度＝内容宽度＋外距（width包含了元素内容宽度、边框、内距）
内盒尺寸计算（元素大小）
element高度＝内容高度（height包含了元素内容宽度、边框、内距）
element宽度＝内容宽度（width包含了元素内容宽度、边框、内距）
在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下：
box-sizing: content-box | border-box | inherit
网络课程分类
title_icon.gif
submenu.gif
课程导航
效果图
聚美商品分类
icon_01.gif
icon_02.gif
icon_03.gif
icon_04.gif
icon_05.gif
icon_06.gif
icon_07.gif
icon_08.gif
icon_09.gif
商品分类
全部分类
- 护肤
- 洁面 化妆水 喷雾 美容液 眼霜
眼部精华 眼膜 面膜 面膜贴
水洗面膜 免洗面膜 精华 精油
凝露 乳液 面霜 日霜 晚霜
- 彩妆
- 卸妆 防晒 隔离 BB霜 粉底 粉饼
睫毛膏 眼影 唇彩 腮红 眼线笔
底妆 遮瑕 蜜粉 眉笔 美甲
- 香氛
- 男香 女香 小Q装 中性香水
- 身体护理
- 洗发 护发 沐浴 身体乳 手足护理
护手霜 纤体 身体精油 颈部护理
个人护理 卫生用品 脱毛
- 礼盒套装
- 护肤套装 身体护理套装 彩妆套装
旅行装 香水套装 男士套装
- 美容工具
- 护肤 彩妆 美发 美体 美甲
美容仪器 其他美容工具
- 母婴专区
- 奶粉 尿裤湿巾 母婴洗护
- 男士专区
- 洁面 爽肤水 面霜 男香
眼霜 凝胶 乳液 精华 沐浴
- 食品保健
- 瘦身类 保健类 美容类 食品类
未加样式图为：
原图