CSS 盒子模型
2017-11-03 16:18
218 查看
盒子模型：边框线，内填充，外边距
border 边框线
padding 内填充
margin 外边距
top,right bottom left
总宽度：(margin-left+padding-left+border-left)*2+width(内容宽度)。
总宽度问题 加DTD文件兼容IE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> （兼容ie加dtd文件）
（该DTD表示按W3C标准，height和width指的是内容的宽高）
外边距合并问题
margin,上下合并（取决于大的）；左右margin叠加
border 边框线
padding 内填充
margin 外边距
top,right bottom left
总宽度：(margin-left+padding-left+border-left)*2+width(内容宽度)。
总宽度问题 加DTD文件兼容IE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> （兼容ie加dtd文件）
（该DTD表示按W3C标准，height和width指的是内容的宽高）
外边距合并问题
margin,上下合并（取决于大的）；左右margin叠加
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS-盒子模型
- CSS大小设置实例——盒子模型
- css--盒子模型
- DIV+CSS两种盒子模型
- 【css】选择器+盒子模型
- <div+css页面布局课堂笔记>3---页面布局的盒子模型（IE与其他浏览器区别）
- css笔记18：盒子模型案例分析示范
- css中的盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- CSS的盒子模型案例
- CSS 的盒子模型
- CSS弹性盒子模型Flex
- CSS 盒子模型
- css 盒子模型理解
- CSS之盒子模型
- CSS的盒子模型与布局
- css 盒子模型 pptx
- CSS 盒子模型（下）（20160820-0020）
- css 盒子模型
- css（二）盒子模型和不同元素类型