Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 定位CSS错误_Html_Css - Fatal编程技术网

Html 定位CSS错误

Html 定位CSS错误,html,css,Html,Css,下面是我正在使用Django开发的一个网页的CSS代码。 我目前遇到的问题是inputlabel和input area中的宽度、左边距和边距对位置没有影响。 inputlabel与输入区域一样适合其中的内容 无论我改变了什么样的价值观,这两者似乎都没有改变 但是,id描述的效果与预期一样 我是CSS新手,不能百分之百确定我遗漏了什么 container { position: relative; } inputlabel { width: 200px; pos

下面是我正在使用Django开发的一个网页的CSS代码。 我目前遇到的问题是inputlabel和input area中的宽度、左边距和边距对位置没有影响。 inputlabel与输入区域一样适合其中的内容

无论我改变了什么样的价值观,这两者似乎都没有改变

但是,id描述的效果与预期一样

我是CSS新手,不能百分之百确定我遗漏了什么

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

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

} 
body { 

}

要定义类的css,请使用
.container{}
.inputlabel{}
等。您缺少
的您应该使用下一步:

.container {
    position: relative;
}    
.inputlabel { 
    width: 200px; 
    position: absolute; 
    left: 1000px;  
}
.inputarea {
    margin-left: 200px;
}
#container {
    position: relative;
}    
#inputlabel { 
    width: 200px; 
    position: absolute; 
    left: 1000px;  
}
#inputarea {
    margin-left: 200px;
}
Html代码是这样的:

<div class='container'>
<div id='container'>
守则如下:

<div class='container'>
<div id='container'>


因此,样式名称之前的
#
意味着您应该通过
id
将此样式与标记链接<代码>符号表示必须通过
class
将此样式与标记链接

但是:
body
css代码中的一部分可能还可以。您可以使用
body
input
名称,因此它将影响具有此类名称的所有标记

有一篇文章,你可以从中了解
id
class
样式之间的区别:

你缺少了“.”和“#”

如果
容器
,则需要使用
容器

如果
container
id
,则需要使用
#container


同样适用于所有。

inputlabel
inputarea
(和
容器
)(TY)应该是类(以点开头)或ID(以散列开头)。这将取决于您尚未提供的HTML。^和
容器
,我建议您在