css:width height
2016-01-15 09:40
465 查看
亲测:在IE10中,width height代表的是div的内容宽度,与padding margin border均没有关系,点击如下div,无论border padding,margin设置为何,弹出的高和宽都是300 200(注:在IE6和IE更早的版本,width代表的是 内容宽度+padding+边框宽度)
<div style="height:300px;width:200px; border:solid red 1px; padding:300px;margin:200px;margin-bottom:20px;" onclick="alert(this.style.width + ' ' + this.style.height)">
</div>
<div style="height:300px;width:200px; border:solid red 1px; padding:300px;margin:200px;margin-bottom:20px;" onclick="alert(this.style.width + ' ' + this.style.height)">
</div>
相关文章推荐
- CSS 文本样式
- CSS3 输入框阴影效果及其他阴影效果
- css中数值计算
- CSS 文本样式
- js+css3实现立体式图片旋转特效
- CSS 边框
- CSS Outlines
- CSS Margin(外边距)
- CSS Padding(填充)
- CSS 分组 和 嵌套 选择器
- CSS 尺寸 (Dimension)
- css3在不同型号手机浏览器上的兼容一览表
- Css 进度条
- CSS或JS实现gif动态图片的停止与播放
- css处理浏览器兼容问题
- IE11的CSS兼容性问题
- css选择元素时有没有空格的区别
- CSS代码重构
- css3 media媒体查询器用法总结
- CSS-Day03-CSS样式-链接,列表,轮廓属性