width:100% width:auto; 区别
来源:互联网 发布:js判断两个字符串相等 编辑:程序博客网 时间:2024/06/16 05:03
<div>
<p>1</p>
</div>
div{
width:600px;
overflow:auto;
}
p{
width:100%;
padding:10px;
}
p{
width:auto;
padding:10px;
}
如果是width:100%,则说明p的width会得到600px就已经充满div区域,然后自己又有padding,所以会出现滚动条。
而width:auto则比较聪明,它是总体宽度(广义,包括width,margin,padding,border这些)等于父级宽度(狭义,内容区,仅指width),所以如果padding已经左右占去20px的空间,那么width给的值就是580px。
所以,如果:
p{
width:auto;
background-color: red;
margin:10px;
padding:10px;
}
其实最后实际的width值为560px。
但无论是width:100%还是width:auto;,其计算的参照都是父级内容区width值,而非总宽度值。。
0 0
- width:100% width:auto; 区别
- width:auto和width:100%的区别
- width:auto和width:100%的区别
- width:auto和width:100%的区别
- width:100%与width:auto的区别
- css属性width默认值width: auto与width: 100%区别
- CSS的width:100%和width:auto区别
- css width:100% 和width:auto的区别
- div width=auto 与 width = 100% 区别
- CSS的width:100%和width:auto区别
- CSS的width:100%和width:auto区别
- width:100%和height:auto区别
- CSS: width:100% 和 width:auto
- width的100%和auto
- div width=auto 与 width = 100%
- ie6 width:auto问题
- width
- width
- ORACLE数据字典的常用查询
- AudioRecord.getMinBufferSize参数解析
- docker命令之push
- 应对面试:《TCP/IP、HTTP、SOCKET的区别》、《HTTP协议详解》、《HTTP头部详解》
- ims 注册鉴权认证过程
- width:100% width:auto; 区别
- 安卓 SD卡写入文件后不能立即显示被写入的文件解决方法
- PHP echo用法集
- css代码书写习惯
- Eclipse 导入其他项目library时出现红叉解决方案
- hibernate3命名策略
- IOS各种图片尺寸大小
- 【数据结构】邻接表的广度与深度遍历
- 关于unity 使用delegate 和 event 小例子