子元素padding一般不会撑开父元素盒子大小

padding影响盒子实际大小。

（盒子即使有了宽度和高度，此时在指定内边框，会撑大盒子）

如果不指定宽度，块元素随父元素的宽度。

如果子元素不设置宽度或者高度，则子元素的padding值永远不会超出父元素的范围。如果子元素被挤出来了：①子元素设置了宽度或者高度；②父元素设置了padding把子元素挤出来了。③子元素padding值太大，把子盒子撑大后掩盖了父元素盒子，但父盒子并没有变化。
情况：这样理解，父元素设置了指定宽度，不设置高度。子元素什么都没有设置，则padding永远不会撑开父元素宽度，但高度可以。所以一般没必要给子元素设置宽度，会默认继承父元素。

子元素padding一般不会撑开父元素盒子大小相关推荐

子div用了float浮动之后，如何撑开父元素，让父元素div自动适应高度的问题
方法一: html: <div id="all1"><div id="left1">1</div><div id=&q ...
html的绝对定位脱离文档流吗,子元素position:absolute定位之后脱离文档流，怎么使子元素撑开父元素...
纯粹的CSS无法实现.因为position:absolute就是脱离文档流,怎么能让父元素不塌陷呢? 目前想到的只能用js和jquery来实现了,用js获取子元素的高度,赋值给父元素. test .o ...
子元素宽度如何撑开父元素宽度
子元素宽度如何撑开父元素宽度代码效果如下一个横向滚动栏,子元素高度会自动撑开父元素的高度,但是好像子元素宽度不能自动撑开父元素的宽度.这是我们需要使用css使子元素宽度可以自动撑开父元素宽度,避 ...
子元素增加margin-top会增加给父元素的问题
假设我们有如下代码 <div id="father" style="height:400px;width:400px;background:#e4393c;&quo ...
当子元素用position:relative;时，父元素的overflow:hidden;在ie中失效的解决办法
当子元素用position:relative;时,父元素的overflow:hidden;在ie中失效的解决办法: 给父元素也加上position:relative; 到现在也不知道为什么会出现这样的 ...
父元素设置了圆角，子元素没有设置圆角，子元素的直角会遮挡住父元素的圆角
父元素设置了圆角,子元素没有设置圆角,子元素的直角会遮挡住父元素的圆角在开发时,我们经常会遇到给父元素设置了圆角,但子元素没有设置圆角,子元素的直角会遮挡住父元素的圆角的问题,如何解决这个问题呢,只 ...
子元素无法撑开父元素的情况
如果父元素已经规定了度,不会高度塌陷,但可能会溢出(如果子元素总高度超过父元素的话) 如果父元素没有规定高度: 2.1 如果所有子元素都浮动,父元素没有高度,这时候给父元素设置边框的话,就会发现边框保 ...
CSS：当子元素皆浮动，撑开父元素的3种方式
1. 在子元素后面补充同级的空元素,并定义清除浮动样式 html文件 <main><div><span>肥水东流无尽期.当初不合种相思.梦中未比丹青见,暗里忽惊山鸟 ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...

子元素padding一般不会撑开父元素盒子大小

子元素padding一般不会撑开父元素盒子大小相关推荐

最新文章

热门文章