Позиционирование ошибок CSS

Question

Вот код CSS для веб-страницы, которую я разрабатываю с помощью Django. Проблема, с которой я в настоящее время сталкиваюсь, заключается в том, что ширина, левая и левая поля в области ввода и области ввода не влияют на позицию. inputlabel соответствует содержимому внутри него, как и область ввода.

Ни один из этих двух не изменится независимо от значений, которые я меняю.

Однако #id_description работает должным образом.

Я новичок в CSS и не уверен на 100%, что мне не хватает.

container { 
    position: relative; 
}  
inputlabel { 
    width: 200px; 
    position: absolute; 
    left: 1000px; 
} 
inputarea { 
    margin-left: 200px; 
} 

#id_description { 
    resize: none; 
    width: 500px; 

} 
body { 

} 

Answer 1

Вы должны использовать следующий:

.container { 
    position: relative; 
}  
.inputlabel { 
    width: 200px; 
    position: absolute; 
    left: 1000px; 
} 
.inputarea { 
    margin-left: 200px; 
} 

Html код будет таким:

<div class='container'> 

или

<input class='inputlabel' ...> 

Также вы можете использовать следующий:

#container { 
    position: relative; 
}  
#inputlabel { 
    width: 200px; 
    position: absolute; 
    left: 1000px; 
} 
#inputarea { 
    margin-left: 200px; 
} 

Код будет так:

<div id='container'> 

или

<input id='inputlabel' ...> 

Так #, прежде означает название стиля, вы должны связать это стиль с тегом через id , . символ означает, что вы должны связать этот стиль с тегом через class.

Но: body часть в вашем коде css может быть в порядке. Вы можете использовать имена body или input, поэтому это повлияет на все теги с такими именами.

Существует статья, где вы можете прочитать о разнице между id и class стилей: click me

Answer 2

Чтобы определить CSS для класса, использовать .container{}, .inputlabel{} и т.д. У вас не хватает . «s

Answer 3

вы пропали без вести ". и «#»

если container является class, то вам нужно использовать .container

если container является id, то вам нужно использовать #container

же приложенное для всех.