Неужели translate3d не может быть в процентах?

в пикселях код работает
а с процентами нет
ЧЯДНТ?

<style>
  
#контейнер
	{
		position: absolute;
		top: 100px;
		left: 100px;
		width: 200px;
		height: 200px;
		border: 2px solid gray;
	}

#содержимое
	{
		width: 200px;
		height: 200px;
		border: 1px solid red;
		transform: translate3d(-50%,-50%,0%);
	}

</style>



</head>
<body>


<div id='контейнер'>

<div id='содержимое'></div>

</div>
  • Вопрос задан
  • 40 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
В translate3d третий параметр (по оси Z) не может быть задан в процентах. Это и логично - у DOM-элемента нет толщины, от которой считать проценты. Первые два (по осям X и Y) - можно задавать в процентах, с этим проблем нет.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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