Html 使用绝对位置时如何使列表适合内容

当这个列表对父对象具有绝对位置时，我如何使它适合他的内容

div{
宽度：100px；
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
}
李{
背景：红色；
}

easdas da dsad asd as
fdsf dsf sd

不太清楚您的要求，但我认为您希望添加属性： 左：0； 在ul元素中，将边距和填充设置为零，这样元素就可以放入div中，尽管您可能希望添加宽度：100%；添加到无序列表，以便将其固定到父元素

编辑：

如果您想在文本达到您的宽度时中断上下文，那么这应该是可行的。但是，如果您不想在第二行看到文本，则可以指定高度

div{
宽度：100px；
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
}
李{
背景：红色；
最大宽度：140像素；
}

easdas da dsad asd as
fdsf dsf sd

您可以将

空白：nowrap

添加到列表项规则中：

div{
宽度：100px；
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
}
李{
背景：红色；
空白：nowrap；
}

easdas da dsad asd as
fdsf dsf sd

取出div标签上CSS中的100px

实例-->

//CSS

div {
  position: relative;
}
ul {
  position: absolute;
}
li {
  background: red;
}

---

您可以将宽度更改为100%

我不确定这是否是您想要的，但请尝试添加

空白：nowrap到你的
li
元素。你想让你的点被背景色包裹，否则我不明白这一点。如果你想让ul填充div，请将ul的宽度设置为100%。否则我不太理解你的问题。我编辑了我的问题。我希望现在更容易理解。是否有一个没有
空白的解决方案：nowrap
以便能够将
最大宽度
设置为
li
？
最小宽度
是的，
最大宽度
我不知道，因为您使用的是绝对定位。
div {
    width: 100%;
    position: relative;
}
ul {
    position: absolute;
}
li {
    background: red;
}