width:100%与width:auto的区别
来源:互联网 发布:2017淘宝流量突然下降 编辑:程序博客网 时间:2024/06/14 14:10
[1] width:100% 并不包含margin-left margin-right的属性值,直接取其父容器的宽度加上含margin-left /margin-right的值。如果设置了margin那新的width值是容器的宽度加上margin的值。(细心观察)就会发现加了 margin相对应的边就会多出设置的空白。而且会多出横向滚动条因为宽度已经超出了屏幕的范围。(这条相对于父容器是body)。
[2] width:auto包含margin-left/margin-right的属性值。其值包含margin-left /margin-right的值。width:auto总是占据整行!!!这其中margin的值已经包含其中了(也就是一整行)如果要设置margin的值那就用一整行然后减去margin的值就得到了现在的宽度了。减去的这个值就是相应边得空白。显著的特征是这个没有横向滚动条出现也就是宽度没有增加。
[3] 在IE6下显示不正常,但是在IE8和IE9下显示正常,可能是IE8和IE9对width:100%的解析与IE6不同所致,但是两者对width:auto的解析是一致的。
[2] width:auto包含margin-left/margin-right的属性值。其值包含margin-left /margin-right的值。width:auto总是占据整行!!!这其中margin的值已经包含其中了(也就是一整行)如果要设置margin的值那就用一整行然后减去margin的值就得到了现在的宽度了。减去的这个值就是相应边得空白。显著的特征是这个没有横向滚动条出现也就是宽度没有增加。
[3] 在IE6下显示不正常,但是在IE8和IE9下显示正常,可能是IE8和IE9对width:100%的解析与IE6不同所致,但是两者对width:auto的解析是一致的。
阅读全文
0 0
- width:100%与width:auto的区别
- width:auto和width:100%的区别
- width:auto和width:100%的区别
- width:auto和width:100%的区别
- css属性width默认值width: auto与width: 100%区别
- width:100% width:auto; 区别
- div width=auto 与 width = 100% 区别
- CSS的width:100%和width:auto区别
- css width:100% 和width:auto的区别
- CSS的width:100%和width:auto区别
- CSS的width:100%和width:auto区别
- width的100%和auto
- width与max-width的区别
- Xaml 中height和width中的Auto与*的区别
- div width=auto 与 width = 100%
- width:100%和height:auto区别
- CSS: width:100% 和 width:auto
- offsetwidth与width区别
- linux(一)
- Shell脚本基础3-获取用户输入
- Linux: Problems with Fedora 25 and the Wayland window manager
- Android 应用安装过程分析
- Java基础——HashMap源码分析及面试题解答
- width:100%与width:auto的区别
- Kotlin-内联函数
- Ubuntu开发环境搭建(5)【Android-JNI开发环境 (windows10+ubuntu16.04)】
- [杂言] 坑集合(Finished!)
- 刷清橙OJ--A1028.选择计算
- 非常详细的rsyslogd & logrotate配置文件解析
- APP开发实战173-ActionBar资源文件的生成工具
- android -简单注册登录页面应用
- 排序--选择排序