2013-11-20 2 views
0

У меня есть проблема с отображением элемента управления popover. Мне пришлось установить свойство переполнения «видимым», иначе оно будет скрыто за столом.css/bootstrap: проблема с переполнением

overflow:visible; 

См jsfiddle для Repro: http://jsfiddle.net/vEMrD/

Но теперь, когда я установил его видно, таблица имеет проблемы с отображением, связанные с горизонтальной полосой прокрутки. В jsfiddle просто измените свойство переполнения css на «hidden», и таблица будет выглядеть просто отлично, но затем скрывается (щелкните «фильтр отображения», чтобы воспроизвести)

Кто-нибудь знает, что не так с css?

+0

Отправьте свой код здесь. – j08691

+0

поместите 'переполнение: видимый' в .gridStyle и удалите из .ngHeaderContainer полосу прокрутки, которая поступает из-за фиксированной ширины, и ваше содержимое слишком велико, чем ширина, и сам я не могу понять вашу потребность ..: P –

+0

@VivekVikranth , Я сделал это, но если вы измените размер своего браузера на меньший размер, полоса прокрутки по-прежнему будет отображаться, и проблема с отображением будет повторяться снова. Я только установил ширину на фиксированный размер, чтобы я мог легче показать вам проблему. – Sam

ответ

2

Добавить data-container="body" в список по контакту. Попробуйте http://jsfiddle.net/vEMrD/5/ для рабочего примера. См. http://getbootstrap.com/javascript/#popovers-usage - и в конкретном флаге контейнера - о том, как разбить popover из своего контейнера по умолчанию. body работает, но при необходимости вы можете быть более конкретным.

+0

Это замечательно Шон! Большое спасибо за его исправление! – Sam

Смежные вопросы