Html 如何将图像移动到';联系我们';形式?

Html 如何将图像移动到';联系我们';形式?,html,css,forms,Html,Css,Forms,我目前正在创建一个网站,作为作业的一部分,我很难弄清楚如何让我的图像正确显示在我的“联系我们”页面上 我希望它显示在“名字、姓氏和电子邮件字段”的右侧,但目前它只是位于下方,在表单的下一部分之间创建了一个较大的空间 不看代码,看起来表单和图像在不同的div中,而不是同级。您需要这样做: <div> <form>float left</form> <image>float right</image> </div>

我目前正在创建一个网站,作为作业的一部分,我很难弄清楚如何让我的图像正确显示在我的“联系我们”页面上


我希望它显示在“名字、姓氏和电子邮件字段”的右侧,但目前它只是位于下方,在表单的下一部分之间创建了一个较大的空间

不看代码,看起来表单和图像在不同的div中,而不是同级。您需要这样做:

<div>
   <form>float left</form>
   <image>float right</image>
</div>

向左浮动
向右浮动
或者在父div上使用flex


您的源代码副本将非常有用

因为上面提到的用户,您可以使用flex来修复它

将图像和表单包装到div中(彼此分开),并将整个内容包装到另一个父div中 例:


... 
现在在css中,只需执行以下操作:


.家长{
显示器:flex;
证明内容:之间的空间;
}

现在,这样应该可以正常工作。

请在此处提供相关的HTML/CSS。非常感谢!这已经奏效了:D