在垂直方向上制作100％的宽度

Question

有人可以帮助我解决我的问题吗，我想让我获得100％的Div宽度

现在它看起来像这样

当我将鼠标悬停在蓝色面板上时，我希望它占据100％的宽度，有人可以帮我解决这个问题吗？

Blue Panel css

.sideservice{
width : 20%;
height : 100%;
background-color: rgba(72,61,180,0.8);
position: absolute;
top : 0%;
right : 0%;
padding :5px;
}

li css

.sidemenu li{
list-style: none;
padding: 10px 10px;
margin: auto;
color: white;
width : 100%;
display:inline-block;
position: relative;
}

ul css

#service_categories{
width: 100%;
position: absolute;
}

谢谢！

Answer 1

列表元素总是带有一些填充。确保删除它，你的LI元素将获得100％的宽度。

ul{
    padding:0;
}

http://jsfiddle.net/10b7crok/