两个浮动的并排的<DIV>,可以分别加滑动吗
.left-classify{
margin:0 auto;
text-align:center;
width:10%;
background:#888;
float: left;
overflow:auto;
}
.left-classify ul li{
background:#666;
border-bottom: 1px solid #f00;
}
.left-classify ul li a{
line-height: 50px;
}
.left-classify ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 16px;
}
.right-list{
float: left;
width:90%;
float: left;
overflow:auto;
}
.title-head{
width:100%;
height:40px;
margin:0 auto;
background:#f00;
position:fixed;
top:0;
text-align:center;
}
.title-head ul li{
width: 10%;
float: left;
list-style-type: none;
}
</style>
</head>
<body >
<div class="left-classify" >
<ul>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
<li><a>经典系列</a></li>
</ul>
</div >
<div class="right-list">
<div class="title-head">
<ul>
<li>产品图片</li>
<li>商品名称</li>
<li>进货价</li>
<li>进货积分</li>
<li>起订量</li>
<li>采购数量</li>
<li>累计积分</li>
</ul>
</div>
<div class="product-list" >
<ul>
<li>产品图片</li>
<li>商品名称</li>
<li>进货价</li>
<li>进货积分</li>
<li>起订量</li>
<li>采购数量</li>
<li>累计积分</li>
</ul>
</div>
</div>
</body>
你是指overflow的情况吗?两个div分别有自己的scroll,但是不显示滚动条应该可以完成你想要的效果
看半天,愣是没看懂加什么滑动...
可以啊,分别把两个div选择出来 加:hover就可以啊。
不管你加什么,都不影响
加滑动是什么意思