正在回答
3回答
同学你好！
结构布局可参考：
外层大的div不设置宽高设置相对定位，只设置购物车宽高，购物车撑开外层大div， 下拉框使用绝对定位，顶到购物车下面，初始为隐藏，可以尝试当设置鼠标悬停div的时候，整个div的背景发生变化
同学还可以使用js中的hover来实现这一块，通过hover增加类名，移出删除类名来实现这一效果
如果帮助到了你 欢迎采纳 祝学习愉快~
木小葱
2019-05-12 15:58:59
顺便想咨询一下关于伪类:hover~的相关用法，我尝试使用以后发现这个只对后面的元素有效果，对前面的元素并不会生效
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.div1,.div2{
border: 1px solid green;
width: 100px;
height: 50px;
}
.div1:hover~.div2{
background-color: red;
}
</style>
</head>
<body>
<div class="div1">我是第二个盒子</div>
<div class="div2">我是第二个盒子</div>
</body>
</html>
测试代码如上：若将鼠标移到div1，那么div2就会变成红色背景，但是如果我将两个盒子的顺序交换，那么我将鼠标放置在哪一个盒子上，另一个都不会变红色背景
相似问题
请教购物车下拉菜单的问题
14
0
3
关于购物车和商品快照
15
0
3
关于购物车的问题
44
0
3
老师，请帮我看一下，就是加入购物车后就出错了
0
0
10
老师 我们创建购物车这边没有没有接接口吗
13
0
3
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星