关于input标签不同type下的盒模型
2024-09-01 23:59:30
刚才发现,在Chrome下input标签的不同type类型所取的盒模型是不一样的。浪费了我很多时间去调试,唉。
type="text"时,给它设置宽度width:300px,此时的盒模型是这样的:
即300px指的是content部分的宽度,不包括padding,border,这是W3C标准下的标准盒模型;
而当type=search,buttom,submit时,width:300px的盒模型是这样的:
即包括了padding和border部分,这是微软IE浏览器版本678下的IE盒模型。使用时要注意。
最新文章
- .NET跨平台之旅:将示例站点从ASP.NET 5 Beta7升级至RC1
- Django+Tastypie作后端,Backbone作前端的TodoMVC
- 年月日 生日 js插件
- MySQL(MariaDB)的 SSL 加密复制
- NetworkComms V3 之支持TCP连接和UDP连接
- 鸟哥的linux私房菜学习记录之例行性工作
- java日历类Calendar简单使用
- TortoiseGit disconnected: no supported authentication methods available(server sent:publickey)
- js~this的陷阱
- Android 字体设置
- windows 2003 server 安装 .NET Framework 2.0环境
- Jrebel 6.2.1破解
- KVM 虚拟机 安装配置
- spark算子:partitionBy对数据进行分区
- Python用pip安装IPython/Jupyter最佳交互环境
- 海思Hi3559A/CV100 DDR4驱动配置手册
- python 面向对象编程(高级篇)
- extjs5(项目中文件的加载过程)
- Spring 使用xml配置aop
- Mac 终端添加代码到SVN
热门文章
- 新更新的OV7670 OV7725模块效果展示 OV7670 FPC版 30万像素 CMOS模块 兼容官哥方便 FPGA stm32f407 68013等使用
- springboot中实现kafa指定offset消费
- Python3 并发编程4
- linux自定义开机欢迎页面图案
- 【Java Web开发学习】Spring MVC异常统一处理
- <; JAVA - 大作业(2)仿qq即时通讯软件 >;
- Golang 入门系列(十七)几个常见的并发模型——生产者消费者模型
- 一线互联网公司Redis使用精髓,你必须要掌握这4点!
- Codeforces Global Round 6
- 批量SSH key-gen无密码登陆认证脚本