CSS 滑出式菜单

Question

我正在尝试改编一个纯粹的基于 css 的滑出式界面（通常与文本和表单一起使用）来创建一组快捷链接，它应该相当简单，但由于某种原因有一个巨大的界面滑出时的边距。

这是我的example,我很可能遗漏了明显的东西，请提供一点帮助！

easier to click the example :)

Answer 1

您需要编辑 css 来解决问题， 请更新以下 类

#slideout_inner{ padding: 0px; width:242px;}
#slideout_inner textarea{ textarea: 241px; }

Answer 2

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

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

这是更新后的 fiddle：http://jsfiddle.net/FUAQJ/841/

我改变的东西：

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

Answer 3

click here 你在

上的位置和高度太多

 #slideout_inner
 #slideout