所以我的问题是我的侧栏有另一种颜色而不是页面的其他部分 . 我的侧边栏应填写100%的侧面,颜色为:#1a2327和#20282b . 所以它看起来像导航按钮一直到页面的末尾 .
我已经尝试设置一个高度为100%的
100%的高度,但似乎没有用 . 我也尝试过添加另一个
一些HTML:
CSS:
.sidebar {
height: 100%;
border-right: 1px solid #292c31;
float: left;
color: #fff;
}
.sidebar ul {
display: block;
margin: 0;
padding: 0;
}
.sidebar li {
list-style-type: none;
margin: 0;
padding: 0;
color: white;
}
.sidebar a {
display: block;
color: white;
text-decoration: none;
font-size: 16px;
background-color: #1a2327;
}
.sidebar a:hover {
color: #FF9A00;
}
.sidebar-name {
background-color: #161d20;
font-size: 18px;
padding: 15px 30px;
text-align: center;
}
.icon i {
width: 65px;
background-color: #20282b;
text-align: center;
padding: 20px;
border-right: 1px solid #FF9A00;
}
.icon i:hover {
color: #FF9A00;
}
.sidebar-mobile-name {
color: #FF9A00;
font-size: 20px;
width: 65px;
background-color: #161d20;
text-align: center;
padding: 20px;
}
.expanded-link {
float: right;
padding-top: 15px;
padding-right: 20px;
padding-left: 40px;
}