如何设置子宽等于父元素宽度与CSS？

Question

我的HTML是：

.parent 
    .child 

和.parent宽度没有确定值，.child宽度是100％，既有的孩子和家长有自己的边界，在最后的子元素宽度小于2px的父母随后的宽度，

我怎样才能设置孩子的宽度等于父元素宽度只有CSS？

Answer 1

确保子元素为display: block;（默认情况下有很多元素），并且不为其设置任何宽度。块元素占据了默认情况下可以获得的所有水平空间。

Answer 2

在父级中将填充设置为0。所以在父Css类添加padding: 0px;这应该解决它。您可能还需要在子css类中设置margin: 0px;。另请尝试display: block;。