Html 绝对定位div的宽度

我有以下

HTML

：

<div class="outter">
    <div class="inner">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id quis animi nulla accusantium minus, similique quos ullam consectetur neque voluptatibus odio, ipsam cumque consequuntur dolorem harum nostrum sequi dolores! Ut.</div>
</div>

这是我的答案

内部

div

的文本内容宽度应达到

400px

最大值（应为流体）。使用此代码，它将采用其父级的宽度

如何做到这一点

更新

---

使用

max width

将显式宽度放在首位时，可以动态更改此内部div文本

.outter{
显示：内联块；
宽度：100px；
高度：100px；
背景：红色；
利润上限：200px；
左边距：100px；
位置：相对位置；
最小宽度：100px；
}
.内部{
位置：绝对位置；
顶部：-60px；
左：-100px；
背景：rgba（0,255,0,5）；
显示：内联块；
宽度：400px；
最大宽度：400px；
}

Lorem ipsum dolor sit amet，奉献精英。我是一个不负责任的人，同样是一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人，一个不负责任的人！美国犹他州。

实际上，具有绝对定位的元素默认情况下不采用任何宽度，只采用其内容的大小

因此，如果块元素的默认宽度为100%，则必须将其设置为具有

绝对位置的元素

我不确定您试图在那里实现什么，但您应该简单地使用position-absolute设置“丢失”的宽度属性：

.inner {
    position: absolute; // here, width becomes "auto"
    top: -60px;
    left: -100px;
    background: rgba(0, 255, 0, .5);
    display: inline-block;
    width: 100%; // 100% = closest relative parent width, set it to whatever you want
    max-width: 400px;
}

演示链接没有显示太多…@Eraph抱歉，这是一个错误的链接。：）更新您的问题不清楚。外部分区的宽度和高度均为100px，小于内部分区的最大宽度400px。问题不清楚。你能详细说出你想要达到的目标吗：）@Faizan你可以通过将
background:green
更改为
background:rgba（0,255,0,5）
谢谢你的回答：）至少澄清50%的问题，假设内部div的文本内容的宽度是150px。然后，内部div应采用文本内容的宽度。此文本可以更改dynamically@samNo1你知道，你有一个非常奇怪的标记。但请查看此通知负
右边距

.inner {
    position: absolute; // here, width becomes "auto"
    top: -60px;
    left: -100px;
    background: rgba(0, 255, 0, .5);
    display: inline-block;
    width: 100%; // 100% = closest relative parent width, set it to whatever you want
    max-width: 400px;
}