限制元素的高度，但显示出底部而非顶部

Question

使用this sample markup，而不是黑匣子显示“”在右上角，我希望“↓”，以示相反，然后它应该全部出现在悬停中。

Answer 1

使用此：

#bar ul { margin:0; font-weight:700; position:absolute; bottom:8px; } 

Answer 2

你可以把箭头上方。然后，将:hover高度调低2em，并在<ul>上添加-2em顶部边距以进行悬停;这将有效地隐藏悬停上的箭头。

名单应该是这样的：

<ul> 
    <li>&darr;</li> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
</ul> 

和更新的CSS将是：

#bar:hover { height: 8em; } 
#bar:hover ul { margin-top: -2em; } 

http://jsfiddle.net/ambiguous/6srun/