Html Top&；左css值在我的代码中不起作用

我的代码中的

顶部

和

左侧

css值不起作用。我已经将它们应用于

h1

，但它们不起作用，我不知道为什么。这是我所有的代码。很长一段时间以来，我一直在想到底出了什么问题。如果你发现了问题，请告诉我。谢谢你看我的帖子

正文{
保证金：0；
填充：0；
背景色：#171a1f；
}
h1.TxT{
顶部：10px；
左：10px；
颜色：#ffa600；
}//这里是代码不起作用的地方
.搜索框{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景：#2f3640；
高度；
40px；
边界半径：40px；
填充：10px；
}
.search框：悬停>.search txt{
宽度：240px；
填充：0 6px；
}
.搜索btn{
颜色：#ffa600；
浮动：对；
宽度：30px；
高度50px；
边界半径：50%；
背景：；
显示器：flex；
证明内容：中心；
文本对齐：居中；
}
.search.txt{
边界：无；
背景：无；
大纲：无；
浮动：左；
填充：0；
颜色：白色；
字体大小：16px；
过渡：0.4s；
线高：30px；
宽度：240px；
}

搜索栏测试
搜寻

有几个小错误影响了您的代码。第一个是在

height

css中使用冒号而不是分号。在搜索btn的背景中也没有设置背景属性（我把它注释掉了） 然而，最重要的是，你的评论是格式化的，这样搜索框类就不会被拾取。不要在css中使用两个正斜杠，而是用

/*

和

*/

-星号和正斜杠包围您的注释

正文{
保证金：0；
填充：0；
背景色：#171a1f；
}
h1.TxT{
顶部：10px；
左：10px；
颜色：#ffa600；
}/*这里是代码不起作用的地方*/
.搜索框{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景：#2f3640；
高度：40px；
边界半径：40px；
填充：10px；
}
.search框：悬停>.search txt{
宽度：240px；
填充：0 6px；
}
.搜索btn{
颜色：#ffa600；
浮动：对；
宽度：30px；
高度50px；
边界半径：50%；
/*背景：*/
显示器：flex；
证明内容：中心；
文本对齐：居中；
}
.search.txt{
边界：无；
背景：无；
大纲：无；
浮动：左；
填充：0；
颜色：白色；
字体大小：16px；
过渡：0.4s；
线高：30px；
宽度：240px；
}

搜索栏测试
搜寻

有几个小错误影响了您的代码。第一个是在

height

css中使用冒号而不是分号。在搜索btn的背景中也没有设置背景属性（我把它注释掉了） 然而，最重要的是，你的评论是格式化的，这样搜索框类就不会被拾取。不要在css中使用两个正斜杠，而是用

/*

和

*/

-星号和正斜杠包围您的注释

正文{
保证金：0；
填充：0；
背景色：#171a1f；
}
h1.TxT{
顶部：10px；
左：10px；
颜色：#ffa600；
}/*这里是代码不起作用的地方*/
.搜索框{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景：#2f3640；
高度：40px；
边界半径：40px；
填充：10px；
}
.search框：悬停>.search txt{
宽度：240px；
填充：0 6px；
}
.搜索btn{
颜色：#ffa600；
浮动：对；
宽度：30px；
高度50px；
边界半径：50%；
/*背景：*/
显示器：flex；
证明内容：中心；
文本对齐：居中；
}
.search.txt{
边界：无；
背景：无；
大纲：无；
浮动：左；
填充：0；
颜色：白色；
字体大小：16px；
过渡：0.4s；
线高：30px；
宽度：240px；
}

搜索栏测试
搜寻

除了CSS代码中注释的语法错误：对于要工作的

top

和

left

参数（对于该

h1

元素），元素需要具有

位置：relative

（或

绝对

或

固定

，但这些也会以其他方式影响位置，因此您很可能需要相对位置）

除了CSS代码中注释的语法错误之外：对于

顶部

和

左侧

参数（对于该

h1

元素），元素需要有

位置：相对的
（或
绝对的
或
固定的
，但这些也会以其他方式影响位置，因此您很可能需要相对位置）
尝试将
position:relative；
添加到您的
h1
及其父级，可能会有所帮助。或者解释您的预期结果，“不起作用”或“错误”有点模糊。尝试将
position:relative；
添加到您的
h1
及其父级，可能会有所帮助。或者解释您的预期结果，“不起作用”或“错了”有点含糊不清。