优化导航栏样式,超出显示区域左右滚动

This commit is contained in:
谢思 2022-12-12 17:25:05 +08:00
parent fd042dec1b
commit aa0f02b402
1 changed files with 7 additions and 58 deletions

View File

@ -3959,80 +3959,29 @@ html>body #ajax-indicator {
flex: 1;
}
.head-nav ul#header-nav {
position: absolute;
top: 0px;
z-index: 3;
height: 58px;
box-sizing: border-box;
.head-nav ul#header-nav{
overflow: hidden;
white-space: nowrap;
overflow-x: auto;
display: flex;
}
.head-nav ul#header-nav li {
float: left;
.head-nav ul#header-nav li{
height: 58px;
line-height: 58px;
cursor: pointer;
position: relative;
font-size: 16px;
padding-right:40px;
}
.head-nav ul#header-nav li a {
display: block;
height: 100%;
width: 100%;
.head-nav ul#header-nav a {
color: #fff;
font-size: 16px;
}
.head-nav ul#header-nav li a:hover,.head-nav ul#header-nav li.active a {
color: #5091FF;
}
.head-nav ul#header-nav li:last-child {
margin-right: 0px
}
.head-nav ul#header-nav li p:hover {
color: #cccccc;
}
.head-nav ul#header-nav li p {
display: block;
height: 100%;
width: 100%;
color: #fff
}
/* .head-nav ul#header-nav li.active div ul li a {
color: #000 !important;
} */
/* .head-nav ul#header-nav li.active div ul li a:hover {
color: #FFF !important;
}
.head-nav ul#header-nav li.active ul li a {
color: #000 !important;
} */
/* .head-nav ul#header-nav li.active ul li a:hover {
color: #FFF !important;
} */
/* .head-nav ul#header-nav li.active:after {
content: '';
position: absolute;
left: 0px;
top: auto;
bottom: 10px;
right: auto;
height: 2px;
width: 32px;
background-color: #459be5;
} */
.head-right {
box-sizing: border-box;
height: 60px;