БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|||||||||||
1 | |||||||||||
overflow: hidden у обтекающего элемента19.09.2010, 17:19. Показов 6429. Ответов 18
Метки нет Все метки)
(
Странно работает следующий код:
Добавлено через 6 часов 41 минуту Так это баг или что? Но видел уже и в Mozil'e, и в Chrome'e, так что не похоже.
0
|
19.09.2010, 17:19 | |
19.09.2010, 17:19 | |
Ответы с готовыми решениями:
18
Overflow: hidden отменить overflow hidden CSS overflow hidden |
bigMatherHacker
![]() 112 / 81 / 12
Регистрация: 18.08.2010
Сообщений: 237
|
||||||
20.09.2010, 03:57 | 2 | |||||
overflow:hidden скрывает не только текст, он скрывает все что выходит за пределы блока. И в твоем случае все корректно происходит.
Добавлено через 5 минут и у второго блока не указано его расположение по отношению к первому. Поэтому он предполагает что он находится под ним и прижат к левой части экрана и margin-left не работает. Добавлено через 12 минут Поэтому пока второй блок не опустится под первый он не сделает margin-left. Вот замени стили у второго блока на эти и убедись:
1
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
20.09.2010, 13:02 [ТС] | 3 |
Понял.
Этого я не понял. Указан ведь overflow: hidden, а float-то должен действовать. И как может быть margin-left причастно к margin-top... Не понял. Добавлено через 16 секунд Что даст margin-left: 10px; ? Добавлено через 17 минут Попробовал сделать overflow: hidden в IE. Так там div-контент всё равно залазил под меню! В чём дело? Как IE тогда воспринимает overflow???
0
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
22.09.2010, 11:45 [ТС] | 4 |
Народ, никто не может объяснить почему IE так странно реагирует? И логику я всё-таки не понял
![]()
1
|
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
|
||||||
22.09.2010, 12:05 | 5 | |||||
отступ от левого края так как float:left все блоки не переносит в лево а прячет под собой!
тоесть попробуй сделать так чтоб понять до канца суть float
Да и не забывай писать width иначе в ie криво смотреться будет
0
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
22.09.2010, 12:38 [ТС] | 6 |
lesha_firs, в IE при установке высоты подкладка под div с float'ом не работает! Как этого избежать? Или width поможет это сделать? И ведь вы overflow: hidden не применяли.
0
|
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
|
|
22.09.2010, 12:50 | 7 |
Я показал вам логику как работает float!
И че туту гадать скиньте скрин или схему того что вы хотите получить
0
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
22.09.2010, 13:15 [ТС] | 8 |
lesha_firs, я хочу понять, почему при overflow: hidden у обтекающего элемента установка margin-top'a действует, только если margin-top больше 8px.
0
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
22.09.2010, 13:20 [ТС] | 9 |
И ещё установить высоту у обтекающего элемента. Чтобы было вот так:
Но в IE если установить высоту, то обтекать снизу правый div не будет.
0
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
22.09.2010, 18:01 [ТС] | 11 |
Vovan-VE, нет. Я вообще их не использую. Но понял, что стоит почитать про них. Но какой должен быть доктайп, чтобы всё ОК было?
0
|
![]() 13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
|
||||||
22.09.2010, 18:18 | 12 | |||||
Имхо, xhtml 1.0 transitional или strict
1
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
23.09.2010, 13:59 [ТС] | 13 |
Vovan-VE, попробую.
Добавлено через 17 часов 39 минут Vovan-VE, хм... На этот раз margin-top сработал адекватно, но margin-left работает так, будто слева элемента нет! Почему так? margin-top работает так, будто ширина элемента с overflow равна всей ширине родителя, но подкладки под float'ный элемент-то теперь нет! И ширина уменьшилась. Почему браузеры так реагируют? Добавлено через 2 минуты Вот здесь: overflow: hidden у обтекающего элемента мне сказали, что это из-за того, что браузер думает, что блок прижат к левой части экрана. Но ведь такого не должно быть - ширина (ещё раз повторю) меняется, всё на ура должно быть. margin-right у float'ного элемента работает! Странно так. Добавлено через 28 минут Vovan-VE, доктайп не помог, всё равно в IE отображается также =( Как быть?
0
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
17.10.2010, 14:18 [ТС] | 14 |
С этим-то разобрались, но как быть с главной проблемой?
0
|
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
|
|
17.10.2010, 20:04 | 15 |
1
|
БТР - мой друг
![]() 333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
17.10.2010, 20:15 [ТС] | 16 |
lesha_firs,
![]() При overflow: hidden у обтекающего элемента элемент думал, что он переносится на новую строчку (как мне объяснили), и потому margin-top начинает действовать только если он больше 8px. Так ли это, и если да, почему браузер так думает?
0
|
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
|
|
18.10.2010, 01:04 | 17 |
Hagrael, честно вы еще так намучеетесь с этим margin
у него много приколов! и браузеры иногда его не понимают)) именно поэтому мне пришлось от него отказаться! я сейчас пишу сайт и нанем я всего 2 раза использовал margin и то у незначительных ссылок!
0
|
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
|
|
18.10.2010, 15:42 | 19 |
Чисто такая теория когда div уходит float left and right
через инспектор абектов смотрю у него height 9px на глаз)) и при задание больше не и даже дочерний div тянеться в низ родительский больше не становиться! может по этому!
0
|
18.10.2010, 15:42 | |
18.10.2010, 15:42 | |
Помогаю со студенческими работами здесь
19
float + overflow:hidden Overflow:hidden и адаптивная верстка Overflow: hidden и position: relative Вытянуть объект из overflow: hidden; Объясните действие overflow:hidden Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
![]() |
Опции темы | |
|
Новые блоги и статьи
![]() |
||||
Почему могут не шифроваться русские символы в 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 - революционного подхода к организации маршрутизации в приложении. Этот новый способ пришел на. . .
|
Топ10 лучших фреймворков JavaScript для изучения в 2025
bytestream 16.02.2025
В современной веб-разработке JavaScript занимает особое место, являясь одним из наиболее востребованных языков программирования. По мере развития веб-технологий появляется все больше фреймворков,. . .
|
Temporal в JavaScript - новый формат даты и времени
bytestream 16.02.2025
В мире JavaScript скоро произойдет значимое событие - появление нового встроенного объекта Temporal, который призван полностью заменить устаревший объект Date. Это революционное изменение в работе с. . .
|