css hover 效果固定到 dev 元素,滚动时不扩展

标签 css hover

我有一个带有 css 的父开发人员,如下所示: 溢出:自动;空白:nowrap; 很少有内部开发人员(带有悬停的 css),其中包含一些可能太长且需要向右滚动的文本,但悬停颜色固定为开发宽度 并且在向右滚动时不扩展。这是悬停 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\9;
    padding-right:1px\9;
    border-right:1px/0;
    padding-right:1px/0;
}

如何在滚动时扩展 hover css 而不是固定在内部开发宽度上?
enter image description here
滚动后

enter image description here

最佳答案

我只是在内部 div 上使用了该属性

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

它对我有用。

关于css hover 效果固定到 dev 元素,滚动时不扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33848206/

相关文章:

html - 收缩包装/收缩以适应 div 以在 css 中回流 float div

jquery - 滚动时 jQuery 的 .fadeTo 问题

html - 如何仅将样式应用于父元素?

html - CSS3悬停状态背景图片大小

jQuery 并执行代码直到调用 mouseout

html - Flexbox滚动条问题

javascript - 对 jQuery 的 .each() 的基本误解(附示例)

CSS 翻转 1 个 div 和另一个 div 变化

html - 如何将跨度移动到 DIV 中的不同位置

javascript - 使用 toggleClass 缩放对象后删除 :hover effect,