引導下拉「跨越」的div

我有一個引導下拉菜單，我要放置到一個div的權利，就像這樣：（虛線是下一個div的邊緣） enter image description here 引導下拉「跨越」的div

當我打開列表，它被填充的寬度，然後換到下一行：

enter image description here

有沒有可能做出的排行榜的邊緣走「跨越」邊界進入下一個DIV不影響它？

當前CSS

/* enclosing div */ 
#section-left { 
    padding: 1em; 
    left: 0; 
    width: 30%; 

    overflow-x: hidden; 
    overflow-y: auto; 
    border-right: 3px dashed #aaa; 
} 

/* the div to the right in the screenshots */ 
#section-middle { 
    left: 25%; 
    width: 45%; 
    overflow-y: auto; 
} 

/* where the dropdown and image are held */ 
#section-left-right { 
    float: right; 
    height: 120px; 
} 

#lessons-dropdown { 
    position: relative; 
    border: 1px solid #ccc; 
    border-radius: 5px; 
    padding: 0 1em 0 1em; 
} 

#lessons-progress-list li { 
    padding: 0 1em; 
} 


#knacke-small { 
    height: 100px; 
}

HTML

<div id="section-left" class="column"> 

     <div id="section-left-right"> 
      <div class="dropdown" id="lessons-dropdown"> 
       <a data-toggle="dropdown" href="#">&#9776; Lektionslista</a> 
       <ul class="dropdown-menu" id="lessons-progress-list" role="menu" aria-labelledby="dLabel"> 
         <!-- populated dynamically with <li>s --> 
       </ul> 
      </div> 
      <br/> 
      <img src=... id="knacke-small"> 
     </div> 
      ... 
</div> 

<div id="section-middle">...

來源

2014-04-12 pg-robban

你的容器section-left有overflow，它不允許內部的div的範圍之外顯示。我不知道其餘的代碼。你真的需要它嗎？

check it without the overflow

來源

2014-09-09 15:17:00 Turqueso

我不知道發生了什麼，當我看着你的代碼中的第一次，它似乎是工作，但現在不顯示部分中等股利。不幸的是，這個項目在三個月前完成了，所以我沒有本地代碼了。謝謝你嘗試。 –

引導下拉「跨越」的div

回答

相關問題