Css 如何生成子元素'；s最小宽度/最大宽度是否忽略父元素宽度？

我有一个网格列，其中有一个工具提示，但对于这个示例，我们只将其称为父div和子div

对于设计调整，子div必须设置最小宽度/最大宽度。如果父div的宽度大于子div的最小宽度，则一切正常，子div的行为如您所想，如果需要，拉伸以填充到最大宽度点

但是，如果父div的宽度小于子div的最小宽度，则子div的宽度将不会超过其最小宽度点

是否可以使child div忽略父对象的宽度，同时仍保留它作为子对象（我无法将其移出父对象，我知道这是一个简单的解决方案）

下面是一个简单的例子，说明我正在尝试做什么：

<style>
    .grid-column {
        border: 1px solid red;
        width: 100px;
        height: 100px;
    }   

    .tooltip {
        border: 1px solid green;
        min-width: 200px;
        max-width: 500px;
    }
</style>
<div class="grid-column">
    <div class="tooltip">
        I want this div to stretch out to the max width, and still be flexible if the viewport is shrunk down. blah blah blah blah blah blah blah blah blah blah blah blah
    </div>
</div>

.格线柱{
边框：1px纯红；
宽度：100px；
高度：100px；
}   
.工具提示{
边框：1px纯绿色；
最小宽度：200px；
最大宽度：500px；
}
我希望此div延伸到最大宽度，并且在视口缩小时仍具有灵活性。废话废话废话废话废话废话废话废话

---

感谢您的帮助，谢谢

这可能会破坏很多东西。但是你可以试试

.grid列{
显示：内联；
}

.grid列{
边框：1px纯红；
显示：内联；
}
.工具提示{
边框：1px纯绿色；
最小宽度：200px；
最大宽度：500px；
}
.尺子{
宽度：500px；
边框顶部：1件纯黑；
边缘顶部：50px；
}

我希望此div延伸到最大宽度，并且在视口缩小时仍具有灵活性。
废话废话废话废话废话废话废话废话

位置：绝对位置；这就是我需要的（为什么我没有想到？！）谢谢！