<div> <p>1111</p> </div> div{ width:980px;<br> background-color: #ccc;<br> height:300px; } p{ width:100%;<br> /*width:auto;*/ padding:10px;<br> background-color:#000;<br> }
如果是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值,而非总宽度值.
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
云服务器 没有linux系统吗? 云服务器 有Linux系统,目前 TOP云 提供有Linux64位...
结论 width的%:定义基于包含块(父元素)宽度的百分比宽度,会突破父级的限制 w...
简介: 友邦人寿日前加速重要业务系统上云进程,包括保险出单、保单契约等在内的...
开发工作不仅仅只是写代码这句话来自3EV网站的Dan Frost,他在一篇文章中阐述了...
在 Kotlin 中使用 Android 的 Java API 时,您会迅速意识到这样的做法失去了 Kot...
效果 实现HTML先准备一个干净的 html 页面,写好节点: !DOCTYPE htmlhtml lang=...
从2006年10月12日的网易新首页的率先推出,到2008年1月15日TOM.COM新首页在结构...
平时喜欢逛各大网站的专题版面,或者产品发布页面,因为可以看到很多炫酷的页面...
本文在github做了收录 https://github.com/Michael-lz... 在类电商类项目,往往...
go-zero 是一个集成了各种工程实践的 Web 和 rpc 框架,它的弹性设计保障了大并...