отменить overflow hidden

@Artyomiiz · Регистрация: 05.05.2013

Author24 — интернет-сервис помощи студентам

Доброго времени суток,
требуется помощь, сломал голову уже, вот накидал образец существующей верстки

HTML5

<body>
        <div>
         <div>
                        <div>...</div>  
                        <div>
                                <div>...</div>  
                                <div>...</div>  
                                <div>...</div>  
                                <div>
                                 <div></div> <--ВАЖНЫЙ DIV-->
                                </div>  
                        </div>  
                        <div>...</div>  
                </div>  
         <div>...</div>  
         <div>...</div>  
        </div>
</body>

в css дивам присвоено overflow:hidden (такова верстка, если отменить все поплывет), в коде выше отмечен важный див, который находится в display:none и работает всплывающим окном при покупке товара(JS присваивает абсолютное позиционирование и display:block).

Но вот возникла проблема вот в чем когда много товаров и купленный товар находится внизу то окно выходит за браузер, причина overflow:hidden, как уже говорил что отменять его нельзя, вообщем как не присваиваю важному диву overflow: auto все равно ничего не изменяется, scroll задать нельзя т.к. js центрирует окно исходя от браузера клиента, что можно сделать в этой ситуации голову сломал надеюсь на вашу помощь!?

@koza4ok · 05.05.2013, 19:44

Используеш overflow:hidden доля очистки потока float- элементов?

@Artyomiiz · 05.05.2013, 21:22 **[ТС]**

Сообщение от koza4ok

Используеш overflow:hidden доля очистки потока float- элементов?

не совсем Вас понял

Donald28 · 06.05.2013, 00:11

как отметил koza4ok, в твоей верстке overflow:hidden используется для отмены обтекания блоков (float). Поэтому без этого свойства плывет всея верстка.
На сколько я понял проблему, вижу следующее решение - этот div (всплывающий) должен быть вне дивов со свойством overflow:hidden;

@Artyomiiz · 06.05.2013, 00:24 **[ТС]**

Сообщение от Donald28

как отметил koza4ok, в твоей верстке overflow:hidden используется для отмены обтекания блоков (float). Поэтому без этого свойства плывет всея верстка.
На сколько я понял проблему, вижу следующее решение - этот div (всплывающий) должен быть вне дивов со свойством overflow:hidden;

да я уже понял что имелось ввиду, ваше решение к сожалению не подойдет по ряду причин одна из первых это сразу после сброса css именно прописано всем дивам overflow и outline, куда бы я его не перекинул это таблица как раз главная

@koza4ok · 06.05.2013, 03:35

overflow:hidden то не единственый путь очистки блоков.Можно применение

CSS

1	overflow:hidden

избежать.Например

CSS

1	Clear:both

@Artyomiiz · 06.05.2013, 07:19 **[ТС]**

я это сразу пробовал, даже в див обворачивал и позицию relative ему давал, никак еще странно что переверстал этот див в табличную верстку чтобы в display table то тогда в этом случае не работает всплытие окна

@Taatshi · 06.05.2013, 10:04

Artyomiiz, после всех дивов в родительском добавьте еще один див и уже ему прописывайте clear

@maximus2011 · 06.05.2013, 10:16

А можно css посмотреть, то место где прописан overflow

@Artyomiiz · 06.05.2013, 15:45 **[ТС]**

для maximus2011 уже писал выше, могу повторить что не понятного div {overflow: hidden; outline: none;}

Сообщение от Taatshi

Artyomiiz, после всех дивов в родительском добавьте еще один див и уже ему прописывайте clear

так же как и отметил Donald28 мне идея сразу понравилась просто не приходила в голову, я попробую сегодня поиграться и обязательно отпишусь не зависимо от результата...

@maximus2011 · 06.05.2013, 17:44

ну а какая разница? если в css прописано

CSS

1
2
3

div{
overflow:hidden;
}

то любой div будет усваивать это

Я спрашивал, к тому, что может быть это свойство прписано через js. Тогда былобы полегче

Дайте просто html и css и не будем гадать.

@Artyomiiz · 06.05.2013, 17:49 **[ТС]**

maximus2011 на самом деле прав я вот тоже думаю, куда бы я не закинул див css-ка главная и применимо будет все равно overflow hidden

@maximus2011 · 06.05.2013, 19:08

блин, а есть ссыль на сайт? или дайте все файлы, мы его через js вылечим.

@Artyomiiz · 06.05.2013, 19:51 **[ТС]**

неее js пока не надо ))) это на крайняк, там инет магазин и это окно на ajax расчет идет, сейчас как раз играюсь есть мыслишки в голове кое какие и как раз еще статью дали интересную... отпишусь

Добавлено через 1 минуту
кароче не знаю почему но все равно overflow: visible !important; перебивает overflow:hidden; но не работает, работает сам по себе если вообще отключить overflow:hidden;

вот сайт 220pro зона рушная, наберите штук 30 разных товаров а потом найдите категорию где последний товар идет почти внизу и купите его а после появления подсказки перейти в корзину перейдите по ней и увидите.

Donald28 · 06.05.2013, 20:21

ну вот теперь понятно. Просто твое окошко с корзиной не умещается в высоту сайта. А т.к. у этого окошка position: absolute, то это окошко не воспринимается другими элементами.

Задайте лучше для этого окна максимальную высоту. А если не умещается содержимое, то пусть добавляется скролл.

@Artyomiiz · 06.05.2013, 20:27 **[ТС]**

ну скрол с высотой это самый простой вариант, для этого я и обратился как обойти данную ситуацию ,ведь если бы не было overflow hidden у дива проблем бы не было, как вот это можно обойти

@Lovrentiy · 06.05.2013, 20:58

Ну дак показывайте только тот список который вошёл, или укоротите отображение элементов, выполните в виде таблицы, поставьте ограничение на отображение нужного кол-ва элементов. Тогда будет входить в экран.

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

@Artyomiiz · 06.05.2013, 21:07 **[ТС]**

amperkin зона рушная, у них работает нормально

Добавлено через 4 минуты
потому как нету у дива overflow hidden тоже и у меня не было бы данного свойства присвоено тоже все идеально, инспектируйте код у меня отключите у дива overflow hidden и увидите как я хочу

Donald28 · 06.05.2013, 21:45

тебе еще для #wrapper надо прописать

CSS

1	overflow: visible;

@Lovrentiy · 06.05.2013, 21:46

Вы как будто не по русски изъясняетесь.... Ну дак вам же уже предлагали сделать отдельный див без оверфлоу:хайден... что обязывает использовать это правило КО ВСЕМ дивам?

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 17:49 [ТС]	12
	maximus2011 на самом деле прав я вот тоже думаю, куда бы я не закинул див css-ка главная и применимо будет все равно overflow hidden 0

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 19:51 [ТС]	14
	неее js пока не надо ))) это на крайняк, там инет магазин и это окно на ajax расчет идет, сейчас как раз играюсь есть мыслишки в голове кое какие и как раз еще статью дали интересную... отпишусь Добавлено через 1 минуту кароче не знаю почему но все равно overflow: visible !important; перебивает overflow:hidden; но не работает, работает сам по себе если вообще отключить overflow:hidden; вот сайт 220pro зона рушная, наберите штук 30 разных товаров а потом найдите категорию где последний товар идет почти внизу и купите его а после появления подсказки перейти в корзину перейдите по ней и увидите. 0

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 21:07 [ТС]	18
	amperkin зона рушная, у них работает нормально Добавлено через 4 минуты потому как нету у дива overflow hidden тоже и у меня не было бы данного свойства присвоено тоже все идеально, инспектируйте код у меня отключите у дива overflow hidden и увидите как я хочу 0

Новые блоги и статьи Все статьи Все блоги /
Как вернуть энтузиазм Uswer 17.02.2025 Приветствую тебя читатель. Сначала небольшая предыстория. Лет 5-6 тому назад появилась у меня идея автоматизации некоего процесса на работе. А так как я уже много лет увлекаюсь (не путать с. . .	Оператор satisfies в TypeScript: как он работает и где применять stackOverflow 17.02.2025 Оператор satisfies - одна из наиболее полезных возможностей TypeScript, позволяющая проверять типы значений без изменения их исходного типа. В отличие от других операторов типизации, satisfies дает. . .	Почему могут не шифроваться русские символы в Java Wired 17.02.2025 При разработке на Java нередко возникают сложности с шифрованием русских символов. Эта проблема особенно актуальна для разработчиков, создающих программное обеспечение для русскоязычной аудитории. . . .	Отличия ОС для x86_64 и ARM Wired 17.02.2025 На данный момент сосуществуют две основные архитектуры процессоров - x86_64 и ARM. Эти архитектуры имеют принципиально разные подходы к организации вычислений и обработке данных, что накладывает. . .	Многопоточность в Python: как использовать Thread bytestream 17.02.2025 Поток выполнения (thread) - это наименьшая последовательность инструкций, которая может управляться планировщиком операционной системы. Представьте себе, что ваша программа - это книга, а потоки -. . .
Как воспроизвести Race Condition в Python bytestream 17.02.2025 В многопоточном программировании существует множество подводных камней, и одним из самых коварных является состояние гонки (Race Condition). Этот термин описывает ситуацию, когда результат выполнения. . .	Ошибка "node: --openssl-legacy-provider is not allowed in NODE_OPTIONS" bytestream 17.02.2025 Каждый разработчик рано или поздно сталкивается с ситуацией, когда при запуске проекта Node. js неожиданно выскакивает ошибка "node: --openssl-legacy-provider is not allowed in NODE_OPTIONS". Это. . .	Ошибка pip Python "AttributeError: module 'lib' has no attribute 'OpenSSL_add_all_algorithms'" bytestream 17.02.2025 При разработке на Python частенько сталкиваешься с разными сюрпризами, но ошибка AttributeError: module 'lib' has no attribute 'OpenSSL_add_all_algorithms' - это что-то особенное. Знаете, это как. . .	Сообщение Play Store "You must complete the advertising ID declaration before you can release an app that targets" bytestream 17.02.2025 Рекламный идентификатор - это уникальный, но восстанавливаемый строковый идентификатор для каждого устройства Android. Думаю, вы удивитесь, но даже если ваше приложение не показывает рекламу. . .	Отличия App Router от Pages Router в Next.js bytestream 17.02.2025 Next. js прошел длинный путь развития, и одним из самых значительных изменений стало появление App Router - революционного подхода к организации маршрутизации в приложении. Этот новый способ пришел на. . .

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	05.05.2013, 19:44	2
	Используеш overflow:hidden доля очистки потока float- элементов? 0

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	05.05.2013, 21:22 [ТС]	3
	Сообщение от koza4ok Используеш overflow:hidden доля очистки потока float- элементов? не совсем Вас понял 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	06.05.2013, 00:11	4
	как отметил koza4ok, в твоей верстке overflow:hidden используется для отмены обтекания блоков (float). Поэтому без этого свойства плывет всея верстка. На сколько я понял проблему, вижу следующее решение - этот div (всплывающий) должен быть вне дивов со свойством overflow:hidden; 0

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 00:24 [ТС]	5
	Сообщение от Donald28 как отметил koza4ok, в твоей верстке overflow:hidden используется для отмены обтекания блоков (float). Поэтому без этого свойства плывет всея верстка. На сколько я понял проблему, вижу следующее решение - этот div (всплывающий) должен быть вне дивов со свойством overflow:hidden; да я уже понял что имелось ввиду, ваше решение к сожалению не подойдет по ряду причин одна из первых это сразу после сброса css именно прописано всем дивам overflow и outline, куда бы я его не перекинул это таблица как раз главная 0

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 07:19 [ТС]	7
	я это сразу пробовал, даже в див обворачивал и позицию relative ему давал, никак еще странно что переверстал этот див в табличную верстку чтобы в display table то тогда в этом случае не работает всплытие окна 0

@Taatshi Почетный модератор 12274 / 5339 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	06.05.2013, 10:04	8
	Artyomiiz, после всех дивов в родительском добавьте еще один див и уже ему прописывайте clear 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	06.05.2013, 10:16	9
	А можно css посмотреть, то место где прописан overflow 0

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 15:45 [ТС]	10
	для maximus2011 уже писал выше, могу повторить что не понятного div {overflow: hidden; outline: none;} Сообщение от Taatshi Artyomiiz, после всех дивов в родительском добавьте еще один див и уже ему прописывайте clear так же как и отметил Donald28 мне идея сразу понравилась просто не приходила в голову, я попробую сегодня поиграться и обязательно отпишусь не зависимо от результата... 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	06.05.2013, 19:08	13
	блин, а есть ссыль на сайт? или дайте все файлы, мы его через js вылечим. 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	06.05.2013, 20:21	15
	ну вот теперь понятно. Просто твое окошко с корзиной не умещается в высоту сайта. А т.к. у этого окошка position: absolute, то это окошко не воспринимается другими элементами. Задайте лучше для этого окна максимальную высоту. А если не умещается содержимое, то пусть добавляется скролл. 0

	05.05.2013, 18:58

@Artyomiiz 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 10
	06.05.2013, 20:27 [ТС]	16
	ну скрол с высотой это самый простой вариант, для этого я и обратился как обойти данную ситуацию ,ведь если бы не было overflow hidden у дива проблем бы не было, как вот это можно обойти 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	06.05.2013, 20:58	17
	Ну дак показывайте только тот список который вошёл, или укоротите отображение элементов, выполните в виде таблицы, поставьте ограничение на отображение нужного кол-ва элементов. Тогда будет входить в экран. Вообще если не брать во внимание стили, как вы себе представляете отображение данного элемента в идеале? Возможно после того как мы поймём, чего вы хотите добиться нам будет проще найти решение? 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	06.05.2013, 21:46	20
	Вы как будто не по русски изъясняетесь.... Ну дак вам же уже предлагали сделать отдельный див без оверфлоу:хайден... что обязывает использовать это правило КО ВСЕМ дивам? 0