div 正常和字模式 和 怪异盒子模式
来源:互联网 发布:各国战争潜力知乎 编辑:程序博客网 时间:2024/05/18 04:00
盒子模型
1.正常模式下
<div style="with:200px; height:200px; padding:10px;"></div>
这是div的宽高并不是200px,而是210px。 正常模式下 div的宽高 = contnt的宽高+padding的宽高 而给div设定的宽高只是设定content的宽高 不包含padding
2.非正常模式下
<div style="with:200px; height:200px; padding:10px; box-sizing:border-box;"></div>
这里div的宽度就是200px了 这种模式下width height的值是包含了padding的
大部分浏览器默认的都是正常模式 IE浏览器下回默认是非正常模式
为了计算方便可以全局设置div为非正常模式 特别用百分比设置宽度的时候 非正常模式很重要 之前我用百分比的时候就是 明明加起来是100% 就因为设了padding 最后一个div总是掉到下一行
0 0
- div 正常和字模式 和 怪异盒子模式
- 标准模式和怪异模式
- 正常盒模型和怪异盒模型
- 盒子概念和DiV布局
- 盒子模型和div布局
- 浏览器的怪异模式和标准模式
- 浏览器标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 转载03:严格模式和怪异模式
- doctype 怪异模式和标准模式
- 浏览器怪异模式和标准模式
- 浏览器的标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 浏览器标准模式和怪异模式
- doctype 怪异模式和标准模式
- 浏览器的标准模式和怪异模式
- 浏览器的标准模式和怪异模式
- 点阵字和字模
- MockMvc 简单例子
- 解决Andriod软键盘出现把原来的布局给顶上去的方法
- OpenWrt-uci脚本命令
- CSS display 属性
- operatpr
- div 正常和字模式 和 怪异盒子模式
- React Native项目修改包名(Android版)
- 简单的百度贴吧爬虫
- IOS 传感器Core Motion相关简述
- 禁止 EditText会接收焦点
- 华为C语言编程规范—代码测试、维护
- Android studio 上SVN的使用和配置
- MFC对话框扩展区域显示(可伸缩对话框区域)
- 290. Word Pattern [easy] (Python)