Css 为：悬停、文本位置提供100%宽度

这可能很愚蠢或者很容易做到，但我不知道如何更改文本位置，而不影响悬停效果（它的宽度与其父div/透明块的大小完全相同）。为了更好地理解这里的示例图像

悬停，<强>红色< /强> PAR设置为动作。

蓝色块是位于顶部的内容，因此红色条在其下方不显示，但有100%的内容显示在页面的两侧 透明块

最后，黄色块是 需要放置导航（同样，悬停状态不变）

---

真的，我没有主意了，或者更准确地说，我不知道怎么做。是否可以使用css？

如果我正确理解您的意思，我建议使用左填充css属性。它不会改变您的悬停，如果您将填充设置为蓝色矩形的宽度+其右侧溢出部分的宽度之和，则可以在您想要的位置获取文本

---

将左边的填充设置为红色矩形。

抱歉，但不清楚您要实现什么目标。该图像是设计的屏幕截图，还是只是一个速写？菜单上有一部分是蓝色的吗？黄色=第二个导航块。。。这里有一个类似于图中所示的演示：我不知道目标或问题是什么……感谢您添加了实时示例！是的，普特里克，这是浏览器的屏幕截图。黄色块仅显示文本应位于的位置。如果我将其设置为红色矩形（在我的例子中为#nav li a），则文本向右移动，红色条增加+px到右侧，从容器中制动。将其直接设置为：hover时，文本从其旧位置跳转到新位置（不需要，默认情况下它必须位于右侧）。这并不容易…所以在标准浏览器中，您需要从元素宽度中减去添加到填充中的值。保持总数不变。这里有一些关于盒子模型的东西-不幸的是，我不能评论我的第一个条目，所以我在这里做。感谢您添加了活的例子！是的，这是浏览器的截图。黄色方块只显示导航的位置。另外，这是导航的旧位置，悬停效应迫使我移动它。设想导航在右侧，视频在左侧。如果用户将鼠标悬停在项目上方，红色方框将以100%宽度显示，并且在父div的整个长度上都可见。希望你明白我的意思…试试这个-将span添加到HTML

• 文本中，然后使用相对定位来span。你能举一个关于减法的例子吗（由Madmartigan制作）？