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

Question

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

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

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

Answer 1

Вам нужно сбросить

.eventdetails {
    margin-left: 252px;
}

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

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

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