html竖导航撑开位置大小不变,前端,html_在导航hover时在导航下面显示一个div块,但div块把导航撑开了是什么问题?,前端,html,css - phpStudy...

在导航hover时在导航下面显示一个div块,但div块把导航撑开了是什么问题?

header{

height: 40px;

background-color: #333;

padding: 0 60px 0 50px;

display:flex;

justify-content: space-between;

}

header ul{

display: flex;

justify-content: flex-start;

}

header ul li a{

color: #b0b0b0;

font-size: 12px;

line-height:40px;

padding: 0 10px;

border-right: 1px solid #424242;

}

header ul li:last-child a {

border: none;

}

header ul li a:hover{

color: #fff;

}

.shopping-cart{

line-height: 40px;

display: block;

background-color: #424242;

}

.fa-shopping-cart{

margin-right: 7px;

}

.shopping-cart:hover{

color: #ff6700;

background-color: #fff;

}

.shopping-cart:hover + .shopping-hover{

display: block;

}

.shopping-hover{

width: 320px;

height: 100px;

background-color: yellow;

font-size: 14px;

text-align: center;

/*display: none;*/

}

.shopping-hover p{

line-height: 100px;

}

相关阅读:

git osc 的webhook不能自动触发

关于Linux下执行python的时间问题

chrome访问网页的时候,怎样让所有超链接都以新tab的方式打开

angular + require + angular-ui-router 报了如下的错。

有谁做过移动web端剪切图片预览上传吗。微信项目中急需用,没思路。

PHP 调用对象方法问题

现代浏览器中怎么实现ActiveX支持?

如何判断文件描述符已经被使用了?

golang 环境build之后可执行文件为什么没有在bin生成?

nginx配置https问题

jquery中each嵌套的问题

Ajax 获取json数据 如何处理,并使用Handlebars 编译到HTML

关于Android的浮动框退出程序时移除的问题

nodejs 6.0 api变动了,依赖如何解决?

Grunt 如何打包手动调用的 js , css代码

css中背景图片如何自适应?

Java中PreparedStatement的setArray如何正确使用

抓不到webgoat的包

怎么学习LLVM

JavaEE项目规模大了之后想拆分,单点登录有什么成熟方案吗?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值