刚才发现,在Chrome下input标签的不同type类型所取的盒模型是不一样的。浪费了我很多时间去调试,唉。

type="text"时,给它设置宽度width:300px,此时的盒模型是这样的:

即300px指的是content部分的宽度,不包括padding,border,这是W3C标准下的标准盒模型;

而当type=search,buttom,submit时,width:300px的盒模型是这样的:

即包括了padding和border部分,这是微软IE浏览器版本678下的IE盒模型。使用时要注意。

最新文章

  1. .NET跨平台之旅:将示例站点从ASP.NET 5 Beta7升级至RC1
  2. Django+Tastypie作后端,Backbone作前端的TodoMVC
  3. 年月日 生日 js插件
  4. MySQL(MariaDB)的 SSL 加密复制
  5. NetworkComms V3 之支持TCP连接和UDP连接
  6. 鸟哥的linux私房菜学习记录之例行性工作
  7. java日历类Calendar简单使用
  8. TortoiseGit disconnected: no supported authentication methods available(server sent:publickey)
  9. js~this的陷阱
  10. Android 字体设置
  11. windows 2003 server 安装 .NET Framework 2.0环境
  12. Jrebel 6.2.1破解
  13. KVM 虚拟机 安装配置
  14. spark算子:partitionBy对数据进行分区
  15. Python用pip安装IPython/Jupyter最佳交互环境
  16. 海思Hi3559A/CV100 DDR4驱动配置手册
  17. python 面向对象编程(高级篇)
  18. extjs5(项目中文件的加载过程)
  19. Spring 使用xml配置aop
  20. Mac 终端添加代码到SVN

热门文章

  1. 新更新的OV7670 OV7725模块效果展示 OV7670 FPC版 30万像素 CMOS模块 兼容官哥方便 FPGA stm32f407 68013等使用
  2. springboot中实现kafa指定offset消费
  3. Python3 并发编程4
  4. linux自定义开机欢迎页面图案
  5. 【Java Web开发学习】Spring MVC异常统一处理
  6. < JAVA - 大作业(2)仿qq即时通讯软件 >
  7. Golang 入门系列(十七)几个常见的并发模型——生产者消费者模型
  8. 一线互联网公司Redis使用精髓,你必须要掌握这4点!
  9. Codeforces Global Round 6
  10. 批量SSH key-gen无密码登陆认证脚本