переполнение: скрытые скрывает содержимое в объекте-заполнителе

Question

У меня есть объект-заполнитель asp, в div.

<div id="contentMenu" class="contentMenu"> 
    <asp:PlaceHolder ID="plhMenu" runat="server"> 
    </asp:PlaceHolder> 
    <div id="divMenuImage" class="menuImage"> 
     <asp:Image ID="imgMenu" runat="server" ImageUrl="images/menu.gif" /> 
    </div> 
</div> 

ДИВ использует следующие CSS:

.contentMenu 
{ 
    color: #ffffff; 
    left: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0px; 
    position: absolute; 
    top: 85px; 
    width: 500px; 
    z-index: 1; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

Пункты в меню добавляются в заполнителе с помощью вызовов, таких как:

plhMenu.Controls.Add(btnArrow); 
plhMenu.Controls.Add(btnCategory); 

Используя свойство текста переполнения в css должен обрезать текст и показывать эллипсы.

Однако, когда свойство «overflow: hidden» находится в css, все меню исчезает. Удалите это свойство, и появится меню, но переполнение текста не работает (кажется, что переполнение: скрыто).

Любая помощь в сортировке этого варианта была бы очень оценена, поскольку я потратил часы, пытаясь понять, что происходит.

Заранее спасибо.

Answer 1

У вас нет высоты на вашем контейнере div, если вы добавляете элементы в местозаполнитель динамически после того, как страница сначала нарисована, то они могут не привести к тому, что div будет расти вертикально.

Вы можете использовать overflow-x: hidden;?