css - 无法让我的 div 固定布局

Question

我对 css、div 和两者之间的一切都很陌生。

所以，我为我的乐队创建了一个基本布局，不想要一堆无用的链接，例如生物、商品商店等等。所以我决定为我们的视频、播放器和 Facebook 窗口安排单独的空间。

我设法为 youtube iframe 创建了一个 div，但是当我调整窗口大小时我无法让它留在原处。我试过多次将定位更改为绝对的、固定的、相对的……等等。运气不好。

请记住，布局并不花哨，只是可以快速查看并了解乐队的一些基本信息。

这是链接:http://silentcellmusic.com/test.html

提前致谢!

Answer 1

首先，您应该从标记中删除图像，并将其设置为主体的背景，例如 html。将其设置为顶部中心。

然后，将 div #wrapper 设置为 { width: 960px; margin 0 自动； }.这样它将始终位于屏幕中央，就像您的背景一样。

第三，创建四个div:

• 社交
• 听
• 视频

将它们向左浮动，相应地设置它们的宽度和边距。

最后为您的页脚添加一个 div(社交链接和 mailto)。

祝你好运。