u012789878
记忆留樱
采纳率69.2%
2016-02-24 01:55

css 中使用 overflow-x: auto;之后,超出滑动条的内容的属性如何控制?

已采纳

图片说明
当选中li时设置li背景颜色为蓝色,但是当横向滑动条向右移动时,超出规定宽度的地方,背景颜色失效,求大神帮忙看下图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答

  • showbo GoCityPass新加坡曼谷通票 5年前
     <style>
        ul,li{list-style:none;margin:0;padding:0}
        li:hover,li.hover{background:#eee;width:100%}
    </style>
    
    <div style="width:100px;height:200px;overflow-x:auto" id="dv">
        <ul style="">
            <li class="hover">11111111</li>
            <li>222222222222222</li>
        </ul>
    </div>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script>
        $('#dv li').css('width',$('#dv')[0].scrollWidth)
    </script>
    
    点赞 1 评论 复制链接分享
  • hanfeizaopao humorHan 5年前

    可以设置li的宽度啊

    点赞 1 评论 复制链接分享
  • meng20166 乐古 5年前

    你可以把这个li的宽度跟div宽度一样

    点赞 1 评论 复制链接分享

相关推荐