@4sadly

Почему блок переносится на следующую строку?

.flexblock{
			margin: 10px;
			border: 2px solid black;
			border-radius: 3px;
			position: relative;
			align-items: center;
			display: flex;
			flex-wrap: wrap;
			flex: 0 0 100%;
			width: 100%;
		}
		@media (min-width: 420px){
			.flexblock{
				flex: 0 0 50%;
				max-width: 50%;
			}
		}
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Dolosweb
в следующую строку переноситься по следующим причинам: абзац, clear:both, ширина элемента не позволяет уместиться. float
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
В CSS существует только 3 типа элементов: таблицы, инлайновые и блочные. display: flex это расширенный display: block. А блоки даже занимая места меньше, чем 100% не переносятся.

Для того, чтобы он переносился, его нужно обернуть в flex, например, или задать inline-flex в display. Последнее стоит делать, если понимаешь, что делаешь, правда.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы