html – 使子元素(带填充)100％宽度和父级的高度

概述是否可以使子元素(带填充)的父元素的宽度和高度为100％？ HTML： <div id="parent"> <div id="child"></child> </div> CSS： #child { padding: 15px } 我已经尝试让孩子100％宽度/高度,但由于填充,这使得孩子比父母大. 我还试图让孩子的位置绝对,并将顶部,底部,左侧和右侧设置为0 是否可以使子元素(带填充)的父元素的宽度和高度为100％？

HTML：

<div ID="parent">       <div ID="child"></child>    </div>

CSS：

#child {    padding: 15px    }

我已经尝试让孩子100％宽度/高度,但由于填充,这使得孩子比父母大.

我还试图让孩子的位置绝对,并将顶部,底部,左侧和右侧设置为0,这适用于宽度而不是高度.

父级可以是可变大小.

另外需要在ie8上工作.

解决方法 你需要使用 box-sizing: border-box; property：

#child {    padding: 15px    wIDth: 100%;    height: 100%;    Box-sizing: border-Box;}

总结

以上是内存溢出为你收集整理的html – 使子元素(带填充)100％宽度和父级的高度全部内容，希望文章能够帮你解决html – 使子元素(带填充)100％宽度和父级的高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。