赋予100％宽度：悬停，文本位置

Question

这可能很愚蠢或非常容易，但我不知道如何更改文本位置，不影响悬停效果（它的宽度是精确的大小，因为它是父div /透明块）。为了更好地理解这里的示例图像。

1. 悬停时，红色标准杆已设置为操作。
2. 蓝色阻止内容在顶部，因此红色条消失在它下面，但有100％，它现在显示在两侧 透明块。
3. 最后，黄色块是的地方     需要放置导航（再次，悬停状态不会改变）



真的，我没有想法，或者更确切地说，我不知道如何去做。甚至可以用css吗？

Answer 1

如果我理解正确，我建议使用 padding-left css属性。它不会改变你的悬停，如果你将填充设置为蓝色矩形的宽度+右溢出部分的宽度之和，你可以得到你想要的文本。

将padding-left设置为红色矩形。