Html 将div设置为自动调整'；s使用显示的内容：内联块-意外空格

我正在使用

display:inline block

使

div

自动展开以适应其内容。但是，

div

中似乎出现了意外的绿色空间（箭头指向）：

为了纠正这个问题，我尝试添加

margin:0到
li
元素，但问题仍然存在


ul{
列表样式：无；
边际：0px；
}
李{
宽度：100px；
浮动：左；
背景：红色；
保证金：0；
}


范例
范例
范例

默认情况下，
标签从左侧开始填充，在这里您定义了外部div的绿色背景，这就是为什么它显示空格的原因，因为
中有默认填充

ul {
 list-style: none;
 margin: 0px;
 padding:0px;
}

在

ul {
 list-style: none;
 margin: 0px;
 padding:0px;
}

默认情况下，
标记从左到右有填充，这里您定义了绿色背景到外部div，这就是为什么它显示空格的原因，因为
中有默认填充

ul {
 list-style: none;
 margin: 0px;
 padding:0px;
}

在

ul {
 list-style: none;
 margin: 0px;
 padding:0px;
}

列表元素使用填充来增加缩进，因此使用
padding:0


ul{
列表样式：无；
填充：0；
保证金：0；
}
李{
宽度：100px；
浮动：左；
背景：红色；
保证金：0；
}


范例
范例
范例

列表元素使用填充来增加缩进，因此使用
填充：0


ul{
列表样式：无；
填充：0；
保证金：0；
}
李{
宽度：100px；
浮动：左；
背景：红色；
保证金：0；
}


范例
范例
范例

默认情况下，将左侧的填充物重置，一切都会好起来
ul{
列表样式：无；
边际：0px；
填充：0；
}
李{
宽度：100px；
浮动：左；
背景：红色；
保证金：0；
}


范例
范例
范例

默认情况下，将左侧的填充物重置，一切都会好起来
ul{
列表样式：无；
边际：0px；
填充：0；
}
李{
宽度：100px；
浮动：左；
背景：红色；
保证金：0；
}


范例
范例
范例