css - CSS Div对齐问题

我一直在努力帮助我的朋友完成他们的小型网站，并且真的很挣扎，我迷失了这个网站，尝试了各种CSS，但是我被困住了，非常感谢您的帮助！基本上这个网站就坐在这里

http://213.229.123.200/~conceptp/test/

我一直在尝试通过源代码和CSS重新排列div，以便放置所有内容，使其像下面的示例屏幕截图所示

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

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

同样，仅使页脚相对于页面的结束位置而不是固定位置也不对，因此页脚中的间隙也很不正确：

我敢肯定，这对知道怎么做的人来说很简单，但是我很固执，欢迎任何帮助！

谢谢

克里斯

最佳答案

嗯，您的问题太笼统了，但是从快速查看开始，您需要使用相对位置和更多绝对位置。

同样，围绕联系表格和信息，您需要修复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;