css - CSS を使用して、これに似た垂直フライアウト メニューを設計するにはどうすればよいですか?

Question

左サイドバーのアイコンにマウスを合わせると、フライアウト メニュー/パネルが開きます。cssでこれを行う方法は？

更新：自分で作成しました。少し磨く必要があり、使用するには良いでしょう。コードは次のとおりです。

jsfiddle.net/anujkk/fhb36/103/

Answer 1

jQuery を使用してメニューをフルハイトにしていることに気付きました。実際、次のコードを追加すると、jQuery は必要なくなります。

#menuwrapper{position:fixed;left:0;top:0;bottom:0;}
#sidemenu{
    height:100%;
}

こちらをご覧ください。 http://jsfiddle.net/MenuSo/8drsjhm7/1/

position: absolute;もOKです。