0
我正在使用Jquery切换下拉区域，该区域将保存用户选择。我将下拉“＃share-collection-dropdown”div放在绝对位置。它的父元素 “＃share-collection”具有相对定位，所以一切都应该正常工作。然而，当你点击下拉菜单并出现“＃share-collection-dropdown”div时，它会溢出。我认为一个绝对定位的元素不会影响页面的流动。我可能做错了什么？使用绝对定位下拉菜单
的jsfiddle：http://jsfiddle.net/DGXk9/
HTML：
<div id="share-collection">
<div id="share-collection-left">
<a> Choose Collection </a>
</div>
<div id="share-collection-right">
<img src="assets/down_arrow_icon.png"/>
</div>
<div id="share-collection-dropdown">
</div>
</div>
CSS：
#share-collection {
position: relative;
float: right;
margin: 0px 5px 0px 0px;
padding: 0px 10px 0px 10px;
height: 28px;
width: 120px;
cursor: pointer;
}
#share-collection-dropdown {
position: absolute;
display: none;
top: 29px;
left: -1px;
height: 200px;
width: 140px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-radius: 0px 0px 4px 4px;
background-color: #fff;
z-index: 100;
}