html div滚动,css – 使div的内容可滚动

我正在使用wordpress与woocommerce创建eshop. Woocommerce有一部分名为mini-cart.php它是客户的实际购物车.但是我需要这个购物车最多占整个网站高度的60％,我需要购物车内容可滚动.这很容易,但我需要的第二件事是从滚动中排除按钮和总数.我尝试了很多方法,但它永远不会奏效.这是我使用的代码：

• 

  2x stabilizátor predná náprava Porsche 911 od: 09.1997

  1 × 50,90€

Medzisúčet: 50,90€

Zobraziť košík →

pokladňa →

这是CSS：

.cart.active{

max-height: 60%;

margin-bottom: -25px;

transition: max-height .5s .2s;

-ms-transition: max-height .5s .2s;

-moz-transition: max-height .5s .2s;

-webkit-transition: max-height .5s .2s;

}

div.facebook:hover, div.mail-us:hover, div.move-up:hover, div.cart-total.hoverOn:hover{

right: 150px;

}

div.cart-total.hoverOn{

transition: all .5s, width .5s .5s;

}

div.cart-total.hoverOff{

transition: all .5s, width .2s;

right: 150px;

width: 279px;

}

.cart-product-list{

overflow-y: auto;

}

那么如果我只想要ul(cart_list)可滚动,我该怎么办？而且我还希望整个div名称购物车活跃​​在整个网站的最高60％？谢谢你