Как поместить преобразованный элемент div рядом с левым полем веб-страницы? - PullRequest
Новая
       26

Как поместить преобразованный элемент div рядом с левым полем веб-страницы?

0 голосов
/ 09 марта 2019

Я пытаюсь повернуть div на 270 градусов и поместить его прямо рядом с крайней левой стороной веб-страницы. Тем не менее, всегда кажется, что между этим div и стороной страницы всегда есть промежуток, хотя я убедился, что все поля установлены на 0. Я также заметил, что по мере увеличения ширины div (т.е. высота преобразуемого элемента div), разрыв увеличивается, как будто свойства элемента div не преобразуются вообще. Что это такое и как мне обойти это? 

<!DOCTYPE html>
<html>
<head>
<style>
html, body {
  margin: 0;
}
</style>
</head>
<body>
<div style="position:absolute;top:0px;left:0px;width:200px;height120px;background-color:red;transform:rotate(270deg);"><h1>test</h1></div>
</body>
</html>

1 Ответ

0 голосов
/ 09 марта 2019

, если вы установите левое значение -40, это работает. вам придется делать математику и корректировать ее по мере изменения ширины div, хотя. 

<!DOCTYPE html>
<html>
<head>
<style>
html, body {
  margin: 0;
}
</style>
</head>
<body>
<div style="position:absolute;
            top:0px;
            left:-40px;
            width:200px;
            height:120px;
            background-color:red;
            transform:rotate(270deg);
            ">
            <h1>test</h1></div>
</body>
</html>
...