width:100%;与width:auto;的区别
2018-06-24 00:48:44来源:未知 阅读 ()
<div> <p>1111</p> </div> div{ width:980px;
background-color: #ccc;
height:300px;
} p{ width:100%;
/*width:auto;*/ padding:10px;
background-color:#000;
}
如果是p的width:100%,则说明p的width会得到980px就已经充满div区域,然后自己又有padding,所以会超出div。
而当width:auto时它是总体宽度(包括width,margin,padding,border)等于父级宽度(width,不包含父级的margin,padding,border),所以如果padding已经左右占去10px的空间,那么width给的值就是960px。
但无论是width:100%还是auto,其计算的参照都是父级内容区width值,而非总宽度值.
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:网页布局基础
下一篇:解决IE兼容模式问题
- 自适应宽高 2020-03-09
- css的盒子模型 2020-01-31
- CSS3 渐变 2019-11-26
- 如何获取Html的height和width属性(网页宽、高) 2019-11-04
- 关于padding在width中的计算——box-sizing 2019-10-25
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash