может ли div простираться вне поля прокрутки?

Question

В моей текущей разметке у меня есть два поля прокрутки в панели инструментов div. Я хочу, чтобы серая подсветка вокруг выбранной задачи растянулась и встретилась с подсветкой вокруг информационного окна справа. Есть ли способ сделать это?

http://jsfiddle.net/rEKwb/2/

Спасибо!

редактирование: Хорошо, вот как это выглядит сейчас. http://img.photobucket.com/albums/v410/justice4all_quiet/what_it_do.jpg

Серая рамка вокруг зеленой рамки обрезана. Я бы хотел, чтобы он растянулся до серой границы справа от нее, которая находится в отдельном поле прокрутки.

Вот как я хочу, чтобы это выглядело. http://img.photobucket.com/albums/v410/justice4all_quiet/example.jpg

Answer 1

Всегда есть место для полосы прокрутки, даже если она не используется.Если вы нажмете полосу прокрутки влево, вы избавитесь от пробела справа.

Вы можете попробовать изменить направление текста, чтобы переместить полосу прокрутки влево:

direction: rtl;

Answer 2

Я думаю, что из-за того, что у вас есть <section id="tasks"> со стилем overflow: scroll;, он создаст горизонтальную полосу прокрутки, если вы попытаетесь растянуть <div id="selected_task"> за пределы, определенные его родителями. По сути, у вас не может быть элементов, которые находятся внутри overflow: scroll;, игнорируйте правило прокрутки и визуализируйте вне поля ... оно всегда будет создавать горизонтальную полосу прокрутки для управления расширенным содержимым.

В качестве обходного пути можно использовать плагин jQuery для полосы прокрутки и играть с position:relative и z-index значениями ваших дивов. Эти плагины обычно используют комбинацию дивов для создания своих полос прокрутки, а не полоса прокрутки браузера.