ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

1. 介绍一下 CSS 的盒子模型?

2020-03-30 19:53:28  阅读:206  来源: 互联网

标签:box sizing 盒子 模型 content border CSS


1. 盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border)

2. 类型: IE 盒子模型、标准 W3C 盒子模型;

3. 两种盒模型的主要区别是:标准盒模型的宽高是值内容宽高(content)   4. 而IE盒模型的宽高是指content+padding+border。   5.设置盒模型的方式是:设置box-sizing     box-sizing:content-box  标准盒模型     box-sizing:border-box IE盒模型   6.盒子模型的定位    网页默认的布局方式    浮动    Position定位   这个是css3技术   /* padding 和 border 不会再撑大盒子了 只会减少内容区域 */

标签:box,sizing,盒子,模型,content,border,CSS
来源: https://www.cnblogs.com/Rivend/p/12600703.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有