我的css没有'；在我的主html页面中无法正常工作

我想更改我的HTML主页。我想在右边有登录部分，中间段落和顶部和中间的标题。我试图更改CSS中的代码，但什么也没做

现在情况如何：

我希望成为：

我当前的网站代码：

函数resetForm（）{
//清算选择
var selects=document.getElementsByTagName（'select'）；
对于（变量i=0；i
正文{
背景色：#ffffff；
保证金：0；
填充：200px；
}
h3{
文本对齐：居中；
颜色：#ff9900；
填充底部：50px；
}
div.container#登录{
浮动：对；
明确：两者皆有；
填充：20px 20px 20px；
宽度：310px；
保证金：0自动；
边界半径：3px；
}
div.container#div.content#u right#div.login#inputfield{
字体大小：20px！重要；
边界半径：2px；
浮动：对；
}
div.login#输入[type=“password”]{
字体大小：20px！重要；
边界半径：2px；
}
输入[type=“submit”]{
字体大小：18px！重要；
字体系列：Arial，无衬线；
颜色：#ffffff；
背景色：#ff9900；
边框：实心；
边界半径：25px；
}
div.login#输入[type=“reset”]{
字体大小：18px！重要；
字体系列：Arial，无衬线；
颜色：#ffffff；
背景色：#ff9900；
边框：实心；
边界半径：25px；
}
#页脚{
明确：两者皆有；
边缘顶部：20px；
边框顶部：1件纯黑；
填充：20px 0px；
垫底：20px；
字体大小：70%；
背景色：黑色；
颜色：#ff9933；
文本对齐：居中；
文字装饰：无；
底部：40px；
}

统计数字

一些文本

登录
用户名：






密码：






页脚
您需要研究
显示
CSS属性，这将大大有助于您实现所需

看到和

附笔
请注意，OP已编辑，因此不再显示设置为HTML5的页面

在您拥有的HTML5中，字符编码的显示方式不同：



附言
正如杰米·巴克正确指出的那样，您的
尚未关闭。这将在以后引起问题。只需在header元素下面添加一个

附言
最后，您的CSS：

div.container#login {
  float: right;
  clear: both;
  padding: 20px 20px 20px;
  width: 310px;
  margin: 0 auto;
  border-radius: 3px;
}
div.container #div.content_right #div.login #inputfield {
  font-size: 20px !important;
  border-radius: 2px;
  float: right;
}

这些都是使用句号（点）
或
#
符号进行引用的。但是
div.container
表示“包含容器类的div”，但事实并非如此，因为“container”标识符实际上是
id
而不是
class
，所以您需要将所有CSS调整为引用
id
，而不是
class
：

#这是CSS中的id标识符

。这是CSS中的类标识符

您也不需要引用div标记本身，因此将引用的CSS替换为以下内容：

#container#login {
  float: right;
  clear: both;
  padding: 20px 20px 20px;
  width: 310px;
  margin: 0 auto;
  border-radius: 3px;
}
#container #div.content_right #div.login #inputfield {
  font-size: 20px !important;
  border-radius: 2px;
  float: right;
}

有什么理由不在浮动上使用绝对定位吗

将所有html放在容器div中，并应用以下css：

#container {
    position:relative;
    left: 0;
    top: 0;
    margin: 0 auto;
}

然后，div中的所有html元素都使用position:absolute和left和top属性来定位它们。如果您需要给容器一个固定的高度和/或宽度。
您没有关闭您的
。给“容器一个固定的高度和/或宽度”肯定是不使用绝对定位的一个很好的理由吗？手机屏幕只有320像素宽，笔记本电脑屏幕只有1600像素宽？我认为绝对定位不是一个很好的方法来进入一系列可以在上面查看网页的设备…同意Martin的观点。除非你真的知道自己在做什么，否则相对/绝对定位可能会引起很大的头痛。应该只在“需要-必须”的情况下使用。如果需要，我确实说过固定高度/宽度。另外，如果他希望这个网站能够响应，那就完全是另一回事了，我同意最好避免使用@media querys的绝对定位，但在这个例子中，对于一个简单的登录页面来说，按照他想要的方式定位就足够了：）当然，我们应该向人们展示如何正确地做事，而不是如何“把事情做得足够好，克服他们当前的问题，然后给他们新的问题。”"? 只是说说而已。你也可以说，为了便于得到他想要的东西，他把整个页面放在一个表格布局中……完全不相关的评论，他的问题的解决方案是如上所述的，而不是基于对他可能想做的事情的预测。我是否删除了“div.login#input[type=“password”]”这段代码？在标题中，它是一个输入错误，您可以正确地重命名它：它变成：
#login input[type=password]
（您知道为什么吗？登录id区域中的输入类型密码）@mapr18再次查看您的代码更容易将密码字段引用为：
.inputfield[type=password]
使用对类的调用，而不是任何id。我还希望标签向左移动一点，我该怎么做？更改其左侧填充和/或边距值。