Html 具有绝对位置的父包装，如何使宽度自动适应内部内容，

如何使

.label

标签宽度自动适应内部内容（使span位于输入旁边） 我认为问题在于包装器

。下拉列表
设置绝对位置，但我需要它吗？我尝试设置
。下拉列表
将左上下右归零，但仍然不工作，也不工作

似乎唯一的方法是设置
位置：绝对包装特定宽度（自动或100%均不工作）


/*配置*/
保险商实验室{
列表样式：无；
}
李先生{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
单词包装：打断单词；
}
.亲戚{
位置：相对位置；
}
.绝对的{
位置：绝对位置；
}
.clearfix>div、.clearfix>li、.clearfix>span、.clearfix>ul、.clearfix>input{
浮动：左；
}
.clearfix:之后{
内容：''；
显示：块；
明确：两者皆有；
可见性：隐藏；
身高：0；
}
输入，跨度{
显示：块；
}
/*完:config*/
.下拉列表{
背景颜色：黄色；
}



顶

偶像


{{名称………..}



我不知道您是否看到了，但是您有两个标签，只有一个标签带有具有背景色属性的类下拉列表

这就是问题所在。如果你想让两个类都有背景，你必须在两个类上都放一个有背景的类

现在，如果您需要一个和另一个大小相同的div，那么必须在css上设置这个宽度，或者使用javascript来实现动态


若你们想直接在标签标签上设置背景色，你们必须直接在标签上写，不带span标签，否则，在父标签上设置


HTML:

从您的
中删除
位置：绝对
。此处不指定任何坐标或尺寸。那么为什么要绝对定位呢

那就除掉

input, span {
    display: block;
}

如果希望两个图元相邻显示，则不能使它们都成为块图元而不浮动它们。块元素的末尾总是带有“换行符”

您可以：


省去它，这样
input
和
span
将是内联元素
保持块，但将两个元素都向左浮动
如果这符合您的目的，请将它们标记为内联块

添加：

看看这就是你想要达到的目标吗

您在何处遇到的问题是，您坚持使用绝对定位的列表元素。问题是父元素不能容纳其绝对位置的子元素中的所有内容。如果子元素比其父元素大，则cnten只会浮起或被截断。
因此，必须定义父元素的维度。这是相当不灵活的。我确实设置了：

.container{
    width: 200px;    
}

只是为了展示它是如何工作的。总而言之：你的标记似乎过于复杂了，因为你试图在这里实现一些小东西。也许你应该重新考虑整个过程。
你想要标签旁边的输入？我想要标签内的跨度旁边的输入进行回复，但我需要ul是绝对位置，然后你必须设置明确的位置和尺寸。在
上设置“width:100%；”将使其占据容器提供的所有位置。然后用容器来定位整个东西。你测试过了吗？因为我尝试了宽度
100%
或
auto
或
display:table或
空白：nowrap标签上
上，代码>均未工作。我扩展了我的答案，试图向她解释问题所在。谢谢，看来还是设置了容器的实际宽度？
input, span {
    display: block;
}

.container{
    width: 200px;    
}