X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Чем отличается clear: both; от overflow: hidden; ?
Nur
Nur
Topic Starter сообщение 27.4.2014, 16:00; Ответить: Nur
Сообщение #1


Чем отличается clear: both; от overflow: hidden; ?
Пример:
Я построил три блока(левый, правый, центральный). Левый и правый имеют свойство float. Все эти блоки обернутый в блок wrapper. И так господа внимание вопрос. Когда высота одного из трех блоков меняется он выходит за границу обертки wrapper. Я эту проблему решаю присваивание обертке свойства overflow: hidden; И после этого обертка принимает высоту блока который имеет самую большую высоту. Вроде бы все в порядке, но нет тут-то было. Выясняется, что при построение блока в самом внизу и присваивания ему свойства clear: both; эффект такой же как и у overflow: hidden; Так кого же выбрать, если он работают одинаково ?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 28.4.2014, 2:43; Ответить: Wins
Сообщение #2


overflow: hidden; - скрывает содержимое которое не помещается в блок. Например высота блока 300px, а а текста в блоки размещено по высоте на 600px, при overflow: hidden; текст который идет после заданной высоты блока(300px) не будет виден в браузере
чтоб было понятней создайте блок например такой
<div class="wrapper">Тут много текста</div>
.wrapper{
width:600px;
border:1px solid #ccc;
height:300px;
overflow: hidden;
}

И посмотрите как будет с overflow: hidden; и без него.

(NurMeow @ 27.4.2014, 19:00) *
clear: both; эффект такой же как и у overflow: hidden;

clear: both; и overflow: hidden; это совершенно разные вещи,
clear:both; очищает поток, создайте например два блока с фиксированной ширеной, и бордерами либо бэкграундами что видно было блоки, задайте им float:left, а второму clear:both; и второй блок тогда уедет под первый.

И на заметку
http://htmlbook.ru/css/clear
http://htmlbook.ru/css/overflow
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nur
Nur
Topic Starter сообщение 28.4.2014, 11:53; Ответить: Nur
Сообщение #3


Но почему тогда overflow: hidden; используют чтобы фон обертки принял высоту блока с наибольшей высотой ? не логичней было бы использовать clear: both; (высота резиновая=контент)?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nur
Nur
Topic Starter сообщение 28.4.2014, 12:04; Ответить: Nur
Сообщение #4


Извините, я уже понял)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем принимать драм или доллар
драм - национальная валюта Армении
2 GigArt 1307 1.4.2022, 19:17
автор: GigArt
Открытая тема (нет новых ответов) Чем монетизировать посетителей без определенной тематики и широким гео?
16 Mansurka 3156 11.7.2021, 15:25
автор: kuprum
Открытая тема (нет новых ответов) Чем просканировать файлы сайта на предмет бэкдоров?
вдруг где-то внутри wp-includes шелл
3 coremission 2183 7.6.2019, 12:41
автор: bekett
Открытая тема (нет новых ответов) Вечные ссылки в статьях дешевле чем на биржах.
3 byleonid 2151 7.3.2019, 11:21
автор: Bizota
Открытая тема (нет новых ответов) Clicklead.ru — больше, чем cpa сеть! гемблинг, беттинг, финансы, нутра, дейтинг, WOW!
4 Clicklead_sf 3408 20.1.2019, 21:53
автор: -Clicklead-


 



RSS Текстовая версия Сейчас: 16.4.2024, 15:01
Дизайн