@qqignatqq

Как выровнять блок по центру, если его родитель меньше?

Здравствуйте. Есть BOX1 и BOX2.
BOX1 меньше, чем BOX2, но BOX2 должен располагаться по центру BOX1, чтобы все излишки равномерно располагались за пределами блока. Как сделать такое не через transform?

https://jsfiddle.net/y2es0hak/
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ответы на вопрос 1
dicem
@dicem
.box1 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 50%;
	height: 50%;
	top:0;left:0;bottom:0;right:0;
	margin:auto;
	border:1px solid #333333;

}

.box2 {
	width: 120%;
	height: 120%;
	flex-shrink: 0;
	background: blue;
	opacity:0.5;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
21 сент. 2019, в 00:13
5000 руб./за проект
20 сент. 2019, в 20:02
3000 руб./за проект
20 сент. 2019, в 19:04
80000 руб./за проект