В случае примитивных типов с ним ничего не происходит. Это просто игнорируется. В случае типов классов возвращаемый объект будет разрушен, но с ним ничего не произойдет.
Вы должны убедиться, что ваша таблица стилей загружена в HTML. Для этого добавьте в тег <head>
следующее:
<link rel="stylesheet" href="style.css">
То есть, если ваш CSS-файл называется style.css
. В противном случае просто измените имя.
Ваш CSS должен быть
.contact {
position: absolute;
top: 70px;
left: 300px;
width: 50%;
}
Хорошо, я изменяю свой ответ, чтобы вы могли лучше понять, если вы хотите играть сверху с позицией (сверху / справа / снизу / слева), вы должны указать:
position:relative;
или [118 ]
position: absolute;
в зависимости от ваших потребностей,
Я не знаю, опубликовали ли вы свой полный код, но вы должны попробовать этот код:
.contact{
position: relative;
top: 70px;
left: 300px;
width: 50%;
}
.contact2{
position: absolute;
top: 70px;
left: 300px;
width: 50%;
}
.contact3{
padding-top: 70px;
padding-left: 300px;
width: 50%;
}
.contact4{
margin-top: 70px;
margin-left: 300px;
width: 50%;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="contact" >
<br>
<p > Voor andere vragen kan u ons contacteren op: </p>
<br>
<br>
<br>
<br>
<a href="mailto: XXX"> XXX </a>
</div>
</body>
</html>
вы можете либо переключить свой класс на
contact2, contact3, or contact4 to try it out,
Это должно быть хорошо