将CSS宽度设置为父节点的宽度

Question

有没有一种CSS的方法可以将任何元素的宽度设置为与其parentNode相等？我尝试了'inherit' - 听起来很合理 - 但并没有起作用。

提前感谢。

- arik

Answer 1

width: 100%;

这意味着它的宽度是父元素宽度的100%。

请注意，如果该元素的 display 属性设置为与 "block" 不同的其他值，则可能无法正常工作，在其他一些情况下也是如此。

如果您在两个嵌套的 div 上尝试它，它将起作用。

- Razor

---

只有在父元素没有设置任何填充时，此功能才能正常工作。 - animuson

当然，除非 box-sizing 被设置为 border-box，否则它将完美地工作。 有几种不同的情况可能会使 width: 100% "破裂"，但在这种情况下，它可以达到提问者想要的效果。 - Razor

我有一个DIV嵌套在<td>中。:( - arik

@arik-so：在表格内部不应该使用除法。 - animuson

你可能需要检查一下td的宽度，因为表格单元格内的div应该具有相同的宽度。你也可以尝试在div上添加margin: 0 !important; padding: 0 !important;，因为padding和margin可能会“吃掉”该元素的一些宽度。 如果仍然无法解决问题，你可能需要发布你的代码，以便我们更好地理解。 - Razor

谢谢 :) 我也遇到了同样的问题!! - Abhilab Das

Answer 2

根据元素的不同，设置CSS属性display: block通常会使其自动填充所有可能的宽度，即在填充或边框上拉伸到最大而不溢出。

- animuson

---

我有一些DIV，并且我正在使用Firefox浏览器。但是它似乎无法正常工作。 - arik

谢谢，我尝试了一下，它正常工作。 - masood