DIV與自舉導航欄中的獨立自定義下拉菜單

Question

我有this little profile dropdown，我想放在自舉導航欄中。如上所述，這是一個下拉菜單，但有兩個問題。 1）下拉展開到一邊，很奇怪，如下圖所示。 這導致了第二個問題 2）它拖動它整個導航欄，擴大它的高度 - 這是它會是不錯的一些如何使其獨立於導航欄... 和可能3）定位 - 我很難把這個地方放在正確的位置 - 我只是希望它與正常的導航文本相同的位置，我認爲會更容易...

我發（/偷走）我的個人資料下拉這樣;

<div class="profile-wrapper"> 
    <div id="profile-button"> 
     <img style="width:35px;" src="http://planestorm.albert-website.design/img/avatars/profile_default.png"> 
     <p class="p-no-new-line">Username</p> 
    </div> 
    <div id="profile-dropdown"> 
     <ul id="profile-content"> 
      <li><a href="#">Settings</a></li> 
      <li><a href="#">Password</a></li> 
      <li><a href="#">Avatar</a></li> 
      <li><a href="#">Log out</a></li> 
      <li><a href="#">Privacy</a></li> 
      <li><a href="#">Preferences</a></li> 
      <li><a href="#">Signature</a></li> 
     </ul> 
    </div> 
</div> 

（不PHP）

我會怎麼做呢？

Answer 1

#profile-button, #profile-dropdown {display:block;width:100%;}