2 u012789878 u012789878 于 2016.02.24 09:55 提问

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

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

3个回答

showbo
showbo   Ds   Rxr 2016.02.24 10:26
已采纳
 <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>
u012789878
u012789878 非常感谢~~~
接近 2 年之前 回复
u012789878
u012789878 非常感谢~~~
接近 2 年之前 回复
meng20166
meng20166   Rxr 2016.02.24 10:15

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

u012789878
u012789878 非常感谢~~~
接近 2 年之前 回复
u012789878
u012789878 非常感谢~~~
接近 2 年之前 回复
hanfeizaopao
hanfeizaopao   2016.02.24 10:36

可以设置li的宽度啊

u012789878
u012789878 非常感谢~~~
接近 2 年之前 回复
u012789878
u012789878 非常感谢~~~
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!