如何使用CSS将子级宽度设置为等于父级元素宽度？

Question

我的html是：

.parent
  .child

并且.parent宽度不是确定值，.child宽度为100％，子代和父代都有自己的边框，最后，子元素的宽度比父代的宽度小2px，

如何仅使用CSS将子级宽度设置为等于父级元素宽度？

Answer 1

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

Answer 2

在父级中将填充设置为0。 因此，在父级CSS类中添加padding: 0px; 这应该解决它。 您可能还需要设置margin: 0px; 在儿童css类中。 也可以尝试display: block; 。