京东购物算账css,京东 我的购物车 css如何实现

你好，我的思路如下，有不清楚的欢迎交流。

Document

.box{

width: 100px;

height: 30px;

line-height: 30px;

border: 1px solid #ccc;

text-align: center;

font-size: 14px;

position: relative;

}

.box:after{

content: "";

height: 1px;

width: 100%;

background-color: #fff;

position: absolute;

bottom: -1px;

left: 0;

display: none;

}

.con{

height: 100px;

width: 300px;

border: 1px solid #ccc;

display: none;

position: absolute;

left: -1px;

}

.box:hover:after{

display: block;

}

.box:hover .con{

display: block;

}

我的购物车

购物车的内容