[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-css-dlya-chego-ispolzuetsya-svoystvo-clear":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":19,"progress":20,"seo":21},1027,"dlya-chego-ispolzuetsya-svoystvo-clear",32,"osnovy-css","Основы CSS","🎨","Для чего используется свойство clear?","Свойство `clear` определяет, с какой стороны элемента запрещено обтекание плавающими (float) элементами. Элемент с `clear` сдвигается ниже предшествующих float-элементов.\n\n| Значение | Описание |\n|----------|----------|\n| `none` | Обтекание разрешено с обеих сторон (по умолчанию) |\n| `left` | Запрет обтекания слева |\n| `right` | Запрет обтекания справа |\n| `both` | Запрет обтекания с обеих сторон |\n\n### Типичное применение — clearfix\n\nКогда родительский элемент содержит только float-потомков, его высота схлопывается до нуля. Решение — clearfix:\n\n```css\n.clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n```\n\n### Актуальность\n\nСвойства `float` и `clear` сегодня используются редко — для раскладки страницы применяются Flexbox и Grid. Однако `float` всё ещё используется для обтекания картинок текстом.\n\n> **На собеседовании:** важно показать понимание связи `clear` с `float` и знать про clearfix. Полезно упомянуть, что для современных макетов лучше использовать Flexbox\u002FGrid.","","junior",[15,16,17,18],"css","раскладка","float","свойства",[],null,{"title":22,"description":23,"ogTitle":24,"ogDescription":25,"keywords":26,"schemaAnswer":34,"featuredSnippetReady":35},"Для чего используется свойство clear в CSS — Gymterview","Свойство clear: запрет обтекания float-элементами. Значения none, left, right, both. Clearfix-хак, актуальность float vs Flexbox\u002FGrid.","Свойство clear в CSS: управление обтеканием float — Gymterview","Как работает clear: запрет обтекания float-элементами, clearfix-хак, актуальность в эпоху Flexbox и Grid.",[27,17,28,29,30,31,32,33],"clear CSS","clearfix","обтекание","clear both","Flexbox","Grid","собеседование","Свойство clear определяет, с какой стороны элемента запрещено обтекание float-элементами. Значения: none (по умолчанию), left, right, both. Типичное применение — clearfix (::after { clear: both }) для предотвращения схлопывания высоты родителя с float-потомками. Сегодня float\u002Fclear используются редко — для раскладки применяются Flexbox и Grid.",true]