Css UL和浮动DIV：列出文本换行，但背景色不'；T

需要有关浮动

DIV

和列表的帮助。

DIV

浮动在页面的右侧，而列表项在页面周围流动。问题是，在将背景色应用于列表中的LI元素时，颜色会延伸到整个宽度，而文本在到达DIV时会换行。如何使LI的换行的背景色与文本的背景色类似，同时保持LI的显示为块

下面是示例代码：

mydiv先生{
高度：200px；
宽度：200px；
背景色：红色；
右边距：45像素；
浮动：对；
清楚:对,；
}
李{
背景色：青色；
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

尝试

显示：内联如下

li
{
    background-color:cyan;
    display: inline;
}

编辑：

另一种方式，假设您可以向UL添加固定的with

ul
{
    width: 700px;
}

如果将CSS更改为：

li {
    background-color:cyan;
    margin-right:45px;
}

然后
将在
结束的地方结束。您甚至可以将其设置为
右边距：245px，这将导致
终止于左边缘。
在ul标签上应用边距如何

试试这个css，也许它会带你去你想去的地方。div不是浮动的，所以您需要决定是否真的需要它

<style>
    .mydiv
    {
    height:200px;
    width:200px;
    background-color:red;
    margin-left:45px;
    position: absolute;
    right: 0px;
    }
    li
    {
    background-color:cyan;
    }
   ul{
    margin-right: 200px;
    }
</style>


mydiv先生
{
高度：200px；
宽度：200px；
背景色：红色；
左边距：45像素；
位置：绝对位置；
右：0px；
}
锂
{
背景色：青色；
}
保险商实验室{
右边距：200px；
}
Hm。这确实有所帮助，但我可能还不太清楚我在努力实现什么。我仍然希望李的显示为块，但与背景色包装正是文本的地方-在到达DIV。有可能做到这一点与CSS？是的。。。有很多方法。一种是在UL上增加一个宽度（如果在你的情况下可以的话）。我用一个例子编辑了答案。添加宽度是我考虑和放弃的选项之一，因为我有一个灵活的布局，不能期望浮动DIV和UL的容器元素具有相同的宽度。我明白了。我会检查更多，然后再给你回复（如果其他人没有回答的话）好吧，这不完全是我想要的，因为在我的实际代码中，页面右侧根本没有浮动DIV，没有DIV，LI的右边距看起来会很奇怪。似乎这个问题没有（简单的）解决方案。好的，我会自己找一些格式化的解决方法。如果你的实际代码没有，为什么你的问题有一个浮动的
？我糊涂了！如果你发布了你的实际代码，那么其他用户就有更好的机会回答这个问题，你也会得到你想要的答案。