Скрытое переполнение элементов с переменной высотой?

Возможно ли иметь элемент с высотой 100%, чтобы он растягивался на странице, а также иметь скрытый атрибут переполнения, поэтому, когда содержимое этого элемента становится слишком большим, оно не выходит за пределы установленной высоты и учитывает скрытое переполнение?

В примере я использую span внутри элемента, потому что переполнение работает только в блоках.

вот пример jsfiddle

если это невозможно по умолчанию, есть ли возможность взломать это? Может быть, с помощью javascript определить высоту и передать ее элементам?

он не должен быть совместим с IE, это расширение для браузера


javascript css overflow height
person DoTheEvo    schedule 15.07.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Он отлично работает, чтобы использовать переполнение для элемента с переменным размером.

Вы поместили полный HTML-документ в jsfiddle, а затем он поместит его в другой HTML-документ, поэтому ваша страница будет сломана.

person Guffa    schedule 15.07.2012
comment
Я не понимаю, html-документ? Ты имеешь в виду элемент? И у меня есть текст, завернутый в диапазон, но он не сломается, если я не объявлю высоту... - person DoTheEvo; 16.07.2012
comment
@DoTheEvo: То, что находится на панели HTML в jsfiddle, должно быть только содержимым элемента body, но вы поместили туда полный HTML-документ, поэтому на последней странице есть дубликаты тегов html, head и body. - person Guffa; 16.07.2012

arrow_upward
0
arrow_downward

В конце концов я использовал javascript = window.innerHeight для определения высоты.

также пример должен был быть, возможно, этот http://jsfiddle.net/EWMwH/2/

где мы можем фактически видеть, что средняя часть растягивается, чтобы обязывать содержимое и не соблюдает заданную высоту 100% и переполнение.

И мне кажется, что не важно, что я первый раз вставил весь документ, а не только тело в jsfiddle

person DoTheEvo    schedule 08.10.2012