Html 标题右侧的登录框

我一直在努力将我的登录框放在页面右上角标题的右侧。我想标题和蓝色的东西是紧挨着的，右上角的登录框仍然是蓝色的，页面的其余部分是白色的。通过使用.left和.right div标记的CSS，我无法实现这一点

*{
颜色：#000000；
}
身体{
保证金：0px 150px 0px 150px；
颜色：#ffffff；
}
分区标题{
背景色：#b3d9ff；
宽度：100%；
保证金：10px自动10px自动；
}
第页{
颜色：#e6f2ff；
}
img{
填充：10px；
}
.左{
宽度：200px；
浮动：左；
}
.对{
左边距：2200px；
}

欢迎来到世界上最好的博客！
我知道你很嫉妒。。。
已经是会员了？在此处登录：
登录名：


密码：

只需将其添加到标题类：

display:inline flex

所以，像这样改变它：

div.header {
   background-color: #b3d9ff;
   width: 100%;
   margin: 10px auto 10px auto;
   display:inline-flex;
 }

---

只需将其添加到标题类：

display:inline flex

所以，像这样改变它：

div.header {
   background-color: #b3d9ff;
   width: 100%;
   margin: 10px auto 10px auto;
   display:inline-flex;
 }

---

我重构了html snd css，因为您在html中使用了类选择器，而不是id选择器

*{
颜色：#000000；
}
身体{
颜色：#ffffff；
}
.标题{
溢出：隐藏；
背景色：#b3d9ff；
宽度：100%；
保证金：10px自动10px自动；
}
第页{
颜色：#e6f2ff；
}
img{
填充：10px；
}
.左{
宽度：50%；
浮动：左；
}
.对{
宽度：50%；
浮动：对；
}

欢迎来到世界上最好的博客！
我知道你很嫉妒。。。
已经是会员了？在此处登录：
登录名：



密码：



在此处输入图像描述

我重构了html snd css，因为您在html中使用了类选择器，而不是id选择器

*{
颜色：#000000；
}
身体{
颜色：#ffffff；
}
.标题{
溢出：隐藏；
背景色：#b3d9ff；
宽度：100%；
保证金：10px自动10px自动；
}
第页{
颜色：#e6f2ff；
}
img{
填充：10px；
}
.左{
宽度：50%；
浮动：左；
}
.对{
宽度：50%；
浮动：对；
}

欢迎来到世界上最好的博客！
我知道你很嫉妒。。。
已经是会员了？在此处登录：
登录名：



密码：



在此处输入图像描述

您的代码很好，只是有一些错误：

1） 在标记html中使用

ID

，但在css中使用

选择器

2） 您不需要

左边距：2200px在
#右侧
中

3） 使用
溢出：自动在
标题中

4） 使用
框大小：边框框#左
和
#右
中进行编码

我修好了，我希望能帮助你

完整代码：


*{
颜色：#000000；
}
身体{
颜色：#ffffff；
}
分区标题{
背景色：#b3d9ff；
宽度：100%；
溢出：自动；
}
#页面{
颜色：#e6f2ff；
}
img{
填充：10px；
}
#左{
宽度：50%；
浮动：左；
框大小：边框框；
}
#对{
宽度：50%；
浮动：对；
框大小：边框框；
}

欢迎来到世界上最好的博客！
我知道你很嫉妒。。。
已经是会员了？在此处登录：
登录名：



密码：



您的代码很好，只是有一些错误：

1） 在标记html中使用
ID
，但在css中使用
选择器

2） 您不需要
左边距：2200px在
#右侧
中

3） 使用
溢出：自动在
标题中

4） 使用
框大小：边框框#左
和
#右
中进行编码

我修好了，我希望能帮助你

完整代码：


*{
颜色：#000000；
}
身体{
颜色：#ffffff；
}
分区标题{
背景色：#b3d9ff；
宽度：100%；
溢出：自动；
}
#页面{
颜色：#e6f2ff；
}
img{
填充：10px；
}
#左{
宽度：50%；
浮动：左；
框大小：边框框；
}
#对{
宽度：50%；
浮动：对；
框大小：边框框；
}

欢迎来到世界上最好的博客！
我知道你很嫉妒。。。
已经是会员了？在此处登录：
登录名：



密码：



谢谢你的帮助，现在我如何让它与右上角对齐？这将把它放在标题旁边，留下标题的后半部分空白。谢谢你的工作，现在我如何让它对齐到右上角？这会将其放置在标题旁边，留下标题的后半部分空白。