如何继承width：auto？

Question

我有这个HTML和CSS结构：

HTML：

<div id="out">
   content
   <div id="in">
      content2
   </div>
</div

CSS：

#out {
   width: auto;
}

#in{
   width: inherit;
}

所以我不希望#in继承width: inherit，而是来自#out的像素数量。 这在CSS或LESS中是否可行？ 如果是这样，怎么样？

Answer 1

如果您希望内部div的宽度与父级的宽度相同，请使用width: 100%

提示：

• 在这种情况下不要指定'width：auto'，因为这是默认值。 （仅在需要覆盖另一个声明时使用。）
• 如果您使用'width：inherit'，则使用相同的 CSS 值作为父级 - 在 这种情况下，'width：auto'。所以这实际上也是浪费时间写的！