CSS Div 对齐问题

Question

我一直在努力帮助我的 friend 完成他们的小网站，但真的很挣扎，我在网站上迷路了，尝试了不同的 CSS，但我自己陷入了困境，非常感谢任何帮助!基本上网站就在这里

http://213.229.123.200/~conceptp/test/

我一直在尝试通过源代码和 CSS 重新排列 div，以便让所有内容都定位好，就像这个示例截图一样

http://213.229.123.200/~conceptp/test/example.jpg

我正在使用左侧的表单，并将在右侧的 div 中显示一些文本和视频。

同样只是让页脚相对于页面结束的位置而不是固定位置也不正确因此页脚中的间隙:/

我相信对于知道如何操作的人来说这会很简单，但我被困住了，欢迎任何帮助!

谢谢

克里斯

Answer 1

嗯，你的问题太宽泛了，但从快速看起，你需要更多地使用位置相对和绝对。

此外，在联系表格和信息周围，您需要修复类似这样的 html 以使它们彼此相邻

<div class="informationContactContainer">
    <div id="contactForm" style="float: left; width:50%">
        ...
    </div>
    <div id="information" style="float: left; width:50%">
        ...
    </div>
</div>

并在类 .prev 和 .next 上使用绝对位置类似

position: absolute; 
top: -10px;