Css 如何继承最小宽度和最大宽度的宽度？

如何使用

最小宽度

和/或

最大宽度

继承父级的

宽度

子元素

#main_标题

的宽度必须与父元素

#main

我添加了

#main_internal

作为中间/辅助元素

JSFIDLE

#主{
位置：相对位置；
最小宽度：200px；
最大宽度：300px；
背景：蓝色；
高度：350px；
}
#主内{
宽度：100%；
背景：红色；
高度：300px；
}
#主割台{
位置：固定；
宽度：继承；
背景：黄色
}

嘿
正当

代码的问题在于，假设最小宽度和最大宽度规则自动影响子元素本身的宽度。 只需将最小宽度规则设置为继承即可

#main_header {
  position:fixed;
  min-width:inherit;
  background:blue
}

回应您的编辑： 让子元素与其父元素的宽度完全相同，只需将子元素设置为100%宽度即可

#main_header {
  position:fixed;
  min-width:inherit;
  max-width:inherit;
  width:100%;
  background:blue
}

---

标题“如何继承最小宽度和最大宽度的宽度？”的简单答案是：

因为中间还有一个辅助容器，你必须把它设置在那个上面，并且添加<代码>宽度：100%；<对孩子来说，它似乎工作得很好

#主{
位置：相对位置；
最小宽度：200px；
最大宽度：300px；
背景：红色；
}
#主内{
最小宽度：继承；
最大宽度：继承；
宽度：100%；
高度：300px；
背景：黄色；
}
#主割台{
最小宽度：继承；
最大宽度：继承；
宽度：100%；
位置：固定；
背景：蓝色；
}

嘿

我一直认为

inherit

是默认值，但我想在这种情况下不是，或者可能不是属性

max width

，因为这解决了我的问题，谢谢。

min-width: inherit;
max-width: inherit;