HTML Layout Scrolling Divs

Question

Это страница, которую я имею в виду: http://searchleaf.com/v2/search_2.php

У меня есть плавающей DIV в середине страницы, что является моим «содержание» дел. Внутри этого у меня есть 3 divs, мои «контент-боксы», бок о бок, каждый из которых занимает 33% пространства.

При поиске из первого содержимого, он возвращает некоторые результаты, а второе поле содержимого становится видимым. Оттуда, когда вы нажимаете на слово, третье содержимое становится видимым с дополнительной информацией.

Моя проблема в том, что страница сжимается, или имеется много информации для одного слова, причем второй и третий ящики иногда пропускают через основное содержимое. Я посмотрел на свойство переполнения CSS, но я не могу понять, как мне это нравится. Он никогда не должен истекать кровью над основным содержимым.

Что происходит с переполнением, установленным в auto в главном окне содержимого. Появляется полоса прокрутки и прокручивает всю область содержимого.

Что я хочу: Прокручиваемая панель предоставляется каждой консоли, насколько это необходимо.

Вот простой пример HTML макет моей проблемы, это может быть проще:

http://searchleaf.com/v2/layout.html

Когда свойство переполнения изменяется в .content на авто. Все прокручивается. Как я могу заставить его просто прокрутить третий ящик?

Спасибо, Bryce

Answer 1

ваша проблема может быть, что ширина внутренней дивы составляет 33,3%, и они также имеют толстую границу и отступы, которые добавляются к их ширине (так результирующая ширина 33,3 % контейнера + пиксели в границах + наложение 15px (с обеих сторон).

Вы можете попробовать добавить внутренний div к этим divs и поместить границу и отступы во внутренние divs, оставив только ширину: 33.3% в их родительских div, если это имеет смысл.

Answer 2

попробуйте дать фиксированную ширину до лет ur основной контейнер и установите переполнение скрытой, а затем установите внутренний div с фиксированной высотой и установите переполнение-y для прокрутки.