Html 填充整个<；李>；与<；a>；包括浮动<；span>；

我的问题是：

我想要第二个“a”中的红色问号来扩大李家长的身高。如您所见，它现在位于第三个锚点的线上

通常在“a”中添加一个display:块，“a”会在整个li中展开，但这种浮动范围会产生一些问题。如果跨距与锚文本的某个文本在同一行中有足够的空间，则可以使用li，但如果跨距单独位于新行中，则不会扩展li

由于锚文本的长度不受限制，我无法将height属性设置为li或a，我可以将其设置为跨度，但这并不能解决问题。我试图将span更改为div，但没有找到解决方案

这是一本书

HTML:

编辑：我忘了提到，我可以通过在每个li周围添加一个div来让li包含有问题的跨度，但我最初的问题是，在这种情况下，li的背景无法设置样式，因为仍然是空行（只有跨度在右侧浮动）不获取li背景。

您可以在

li

元素中使用：

div{
宽度：130像素
}
a{
显示：块；
}
胡特先生{
颜色：红色；
}
跨度{
浮动：对；
}
李娜：停下来{
背景：灰色；
}
李{
背景：浅灰色；
单词break：打破一切；
}

您可以在

li

元素中使用：

div{
宽度：130像素
}
a{
显示：块；
}
胡特先生{
颜色：红色；
}
跨度{
浮动：对；
}
李娜：停下来{
背景：灰色；
}
李{
背景：浅灰色；
单词break：打破一切；
}

我会在父

元素上使用一个类，并给它一个填充：

a.wooted {
    padding-right: 6px;
    position: relative;
}

然后你只需将你的问号放在它的右下角：

.woot {
    color:red;
    position: absolute;
    right: 0;
    bottom: 0;
}

我会在父
元素上使用一个类，并给它一个填充：

a.wooted {
    padding-right: 6px;
    position: relative;
}

然后你只需将你的问号放在它的右下角：

.woot {
    color:red;
    position: absolute;
    right: 0;
    bottom: 0;
}

为什么要让它正确浮动？移除这个，你就完成了。。。或者你的问题不太清楚谢谢，但我希望它在右边流动，因为跨度有一些额外的样式，它看起来很好在右边对齐。你为什么让它在右边流动？移除这个，你就完成了。。。或者你的问题不太清楚谢谢，但我希望它在右边流动，因为跨度有一些额外的样式，它看起来很好，在右边对齐。这“解决”了问题，但在单词被切割成部分的成本上。单词“long”在新行中变成long+g。。。好的，它甚至不能解决问题。这“解决”了问题，但要以单词被分成几个部分为代价。单词“long”在新行中变成long+g。。。好的，它甚至不能解决……谢谢，这样更好。我必须检查我是否同意在右侧填充整个锚文本，因为绝对定位将元素从流中移除。谢谢，这将为我现在做到。我只是想在不破坏流程的情况下有一些解决方案（使用绝对位置）。仍然有一个小缺点…右侧跨度中的信息不允许在长度上是动态的，因此，我必须为最大可能的内容长度保留空间=使填充足够大，以适合最长跨度的内容而不重叠。谢谢，这样更好。我必须检查我是否同意在右侧填充整个锚文本，因为绝对定位将元素从流中移除。谢谢，这将为我现在做到。我只是想在不破坏流程的情况下有一些解决方案（使用绝对位置）。仍然有一个小缺点…右侧跨度中的信息不允许在长度上是动态的，因此，我必须为最大可能的内容长度保留空间=使填充足够大，以适合最长跨度的内容而不重叠。