CSS滑出菜单

时间:2015-02-25 12:28:02

标签: html css menu tabs

我正在尝试调整基于纯css的滑出界面(通常与文本和表单一起使用)来创建一组快捷链接,它应该是相当直接的但是由于某种原因,当界面滑出时有很大的余量。

这是我的example,我很可能会错过明显的,请帮助一下!

easier to click the example :)

3 个答案:

答案 0 :(得分:0)

您需要编辑css以解决问题, 请更新以下课​​程

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

答案 1 :(得分:0)

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

如果您想继续使用该宽度,可以将文字对齐左侧的ul

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

我改变的事情:

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

答案 2 :(得分:-1)

click here

你的位置和身高太多了
 #slideout_inner
 #slideout