Question

我创建了一个联系表单，顶部有一个横幅。我创造了整个东西，并计划将它移到屏幕右侧，这样当它悬停在屏幕上时它会滑到屏幕上。我打算只围绕所有它包裹一个div然后相对定位并移动它然而我需要它向右移动离开屏幕。然而，当我尝试这样做时，它使横幅和联系表单框以及这两个元素内的所有内容都显示在屏幕周围的一堆不同的随机点中。我认为这是因为它将相对定位以及我设置的left:100px值应用于div中的每个元素，并且与我为每个对象设置的其他定位混合，导致奇怪位移？有谁知道如何移动表格和横幅，以便它们彼此保持联系，内部的一切都保持原样？

这是我设置联系表格框和横幅的JSFiddle： LINK

感谢您的帮助

Answer 1

我不确定你的所有形式的绝对和相对定位 - 如果你不想将这些元素放在非常特定点，你就不需要这个。

这是我认为你想拥有的jsfiddle： https://jsfiddle.net/spmhxteu/

基本上你需要为你的电子邮件包装

设置它

position: absolute;
right: -200px;

你应该为你的身体或任何缠绕的东西设置这个

overflow: hidden;
width: 800px; // example

绝对定位div中的所有元素不必相对或绝对。

更新：根据要求在元素内部进行绝对定位： https://jsfiddle.net/spmhxteu/1/

注意：当然，父div的填充等不适用于绝对定位

移动div和横幅而不分开？

1 个答案: