高手就试试能否解决 前端样式神奇现象 width height 两个数据从何而来？

[大枫哥]

调试浏览器兼容性，ie六七版本的问题特别多。

今天遇见一个很神奇的现象
form表单的width height 两个数据从何而来？
如图所示：
谷歌浏览器截图：

火狐浏览器截图：

360（ie7内核）浏览器截图：



第一个谷歌浏览器，第二个火狐浏览器，第三个360浏览器（ie7内核）

从三个浏览器中都可以看到，form表单样式没有width的设置，为何谷歌和火狐浏览器中的width为239px呢？
360(ie7内核)浏览器里面倒是正常。
火狐浏览器里面的width和height都是盒模型得到的数据。（高手应该明白）

实在是想不通width和height是从哪儿来的。

高手指点指点

[不是说好的吗]

这是浏览器各个版本兼容的问题，属性会自动给加上去的，

[大枫哥]

引用 1 楼 xrf4847 的回复:

这是浏览器各个版本兼容的问题，属性会自动给加上去的，

width和height属性自动加上去也不会是这个数据。 而且form默认的应该是父标签的宽度

[大枫哥]

再提供一个参数，我将form的父节点的width增加了100px，得到的截图如下：

[人生难得一只鸡]

即便是div你不设置宽高，那么默认宽随着父级走，高度由内容撑开，那么计算后，当然宽度为父级宽，高为内容项撑开的高 基于浏览器的不同，有的浏览器会把计算的具体值展示出来而已吧，你的兼容并不在于此。