Добавление overflow-y к блочному элементу приводит к уменьшению ширины.

Это то, что у меня есть, у меня есть левый div и правый div. Левый div имеет фиксированную ширину и перемещается влево. Правый Div представляет собой «display: block», чтобы сделать его полной ширины, и имеет поле слева, чтобы компенсировать левый div. Оба поля имеют фиксированную высоту и должны быть прокручиваемыми (содержимое внутри). Я успешно добавляю overflow-y в левый div. Однако, когда я добавляю overflow-y: auto в правый div, div больше не охватывает весь div.

Перед добавлением переполнения: http://jsbin.com/asecuy/

После добавления переполнения: http://jsbin.com/asecuy/2


person Hyper    schedule 21.09.2011    source источник


Ответы (1)


Вам нужно отключить

.eventdetails {
    margin-left: 252px;
}

Это поле вызывает ошибку. Я предполагаю, что это просто не очень хорошо сочетается с overflow-y и поплавком рядом с ним (хотя я думаю, должно работать).

Вот это работает:

http://jsbin.com/asecuy/3/#html

person sg3s    schedule 21.09.2011
comment
Вау, спасибо, совсем упустил из виду. - person Hyper; 21.09.2011