Почему не получается разместить элемент input по абсолютным координатам: top, bottom, left, right?
Если заменить input на div, то элемент растянется по координатам.
Как разместить input так, чтобы отступы слева, справа, сверху, снизу были равны 10px, а ширина вычислялась автоматически?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="margin: 0">
<form style="width: 500px; height: 50px; position: relative">
<input type="text" style="position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; background-color: red;">
</form>
</body>
</html>
