css下拉菜单问题设置成绝对定位，点不到下拉菜单就没了

下拉菜单的ul设置成绝对定位之后，鼠标一向下，想点下拉菜单时，下拉菜单就没了
不设置成绝对定位，又会对后面的层产生影响，一弹出下拉菜单直接把后面的图片挤走了。。该怎么弄啊

样式写得有问题，你用js还是css控制的？

css打造下拉菜单

<br> .center-head {<br> height: 50px;<br> position: absolute;<br> }<br> .personel ul {<br> position: absolute;<br> top: 45px;<br> background: #fff;<br> border-top: 1px solid #ececec;<br> padding: 10px 14px;<br> width: 90px;<br> display: none;<br> }</p> <p>

• 
  用户中心
  
  
  
  • Alia1721552
  
  
  • 会员中心
  
  
  • 个人资料
  
  
  • 修改密码
  
  
  • 实名认证
  
  
  • 投资项目
  
  
  • 发起项目
  
  
  • 退出登录
  
  
  
  

<br> $(&#39;#center-list&#39;).parent().mouseover(function(){<br> $(&#39;#center-menu&#39;).css(&#39;display&#39;,&#39;block&#39;);<br> })<br> $(&#39;#center-list&#39;).parent().mouseout(function(){<br> $(&#39;#center-menu&#39;).css(&#39;display&#39;,&#39;none&#39;);<br> })<br>

没看台明白 用jq或者bootstrap应该没什么问题吧。