最近在研究css~当设置一个元素width后~有时候也会对他设定padding,margin,border值,每次这样我就心里琢磨,那这个元素的width会变吗,js获取元素的宽度width()指的是哪个宽度,还有innerWidth()?outerWidth()?outerWi ...
最近在研究css~当设置一个元素width后~有时候也会对他设定padding,margin,border值,
每次这样我就心里琢磨,那这个元素的width会变吗,js获取元素的宽度width()指的是哪个宽度,还有innerWidth()?outerWidth()?outerWidth(true)?
还有CSS中Box model是分为两种,第一种是W3C的标准模型,另一种是IE的传统模型。
他们相同之处都是对元素计算尺寸的模型,具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系,那他们的不同呢?
测试环境 :ie6 ie7 ie8 chrome firefox
俗语(自己设定):元素:此例子中的div[class='con'] 内容宽度:元素中的内容,例子中的“抢火车票啦”~ 最近公司最疯狂的事情咕~~(╯﹏╰)
ps:那什么是w3c盒子模型呢?我就白话文加上个人的理解解说下 $(".con").outerWidth(true):元素的内容宽度+内距padding值+边框boderWidth+margin(在chrome才有效),其他浏览器里同上面的那个值一样;
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:Box model小心得
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。