html京东下拉菜单设置,实现京东导航栏的下拉框

京东

/* 解决高度塌陷的问题 */

.clearfix::before,

.clearfix::after{

content: table;

clear:both;

}

body{

/* 设置字体以及字体的大小和行高 */

font: 12px/5.5 微软雅黑;

}

.top-bar-wrapper{

/* 设置盒子宽度 */

width: 100%;

/* 设置盒子高度 */

height: 30px;

/* 设置行高 */

line-height: 30px;

/* 设置背景颜色 */

background-color: #E3E4E5;

/* 设置边框样式 */

border-bottom: 1px #dddddd solid;

}

/* 设置字体的样式及颜色 */

.top-bar a,

.top-bar span,

.top-bar i{

color: #999;

text-decoration: none;

}

/* 设置导航栏的鼠标移入改变颜色的功能 */

.top-bar a:hover,

.top-bar a.color-a{

color: #f36162;

}

/* 设置内部容器的样式 */

.top-bar{

/* 固定宽度 */

width: 1190px;

/* 设置水平居中 */