首页 > 两个浮动的并排的<DIV>,可以分别加滑动吗

两个浮动的并排的<DIV>,可以分别加滑动吗

两个浮动的并排的<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就可以啊。


不管你加什么,都不影响


加滑动是什么意思

【热门文章】
【热门文章】