私は次の状況を持っています: コンテンツを保持する中央の Div レイヤー。右下端には(bottom: 0, right: 0)
、link と linklist の 2 つの要素を持つ配置された div があります。リンクリストは非表示にする必要があります。リンクにカーソルを合わせると、左に移動し、リンクリストがスライドインする必要があります。これを作成する方法:
CSS:
#page {
position: relative;
}
#linkholder {
position: absolute;
bottom: 10px;
right: 0px;
}
#link {
display: inline-block;
}
#linklist {
display: none;
}
HTML:
<div id="page">
content
<div id="linkholder">
<div id="link">Link</div>
<div id="linklist">LINKS TO SLIDE IN WHEN HOVER LINK</div>
</div>
</div>