css 悬停效果固定在 dev 元素上，滚动时不会扩展

Question

我有一个 css 的父开发者，如下所示： overflow :auto;white-space: nowrap; 和少数内部开发者（悬停 css），其中包含一些可能太长且需要向右滚动的文本，但悬停颜色固定为开发宽度并且在滚动到 right.Here 时不扩展是悬停 css :

    {
    border: 1px solid #87b4d1;
    background-color: white;
    font-family: Open Sans Regular, arial !important;
    font-size: 12px !important;
    cursor: default;
    height: 17px !important;
    line-height:16px;
    vertical-align: middle;
    border-right:0px;
    padding-right:0px;
    border-right:1px;
    padding-right:1px;
    border-right:1px/0;
    padding-right:1px/0;
}

如何使悬停 css 在滚动时扩展而不固定在内部开发宽度上？

滚动后

Answer 1

我刚刚在内部 div 上使用了属性

width:100%;padding-right:100%;

它对我有用。

css 悬停效果固定在 dev 元素上，滚动时不会扩展

css hover effect fixed to dev element and not extending when scrolling

css

hover