html - CSS滑出菜单

我正在尝试改编基于纯CSS的滑出界面（通常用于文本和表单）来创建一组快捷链接，这应该相当简单，但是由于某些原因，当界面滑出时会有很大的余地。

这是我的example,我很可能会错过显而易见的内容，请提供一些帮助！

easier to click the example :)

最佳答案

#slideout_inner的固定宽度为200px，这就是列表ul周围有这么多空间的原因。

如果要继续使用该宽度，可以将左侧ul中的文本对齐。

这是更新的小提琴：http://jsfiddle.net/FUAQJ/841/

我改变的事情：

#slideout_inner ul {
    width: 100%;
    text-align:left;
}