我对 css、div 和介于两者之间的所有内容都很陌生。
所以，我为我的乐队创建了一个基本布局，不想要一堆无用的链接，比如简历、商品商店等等。所以我决定为我们的视频、播放器和 Facebook 窗口安排单独的空间。
我设法为 youtube iframe 创建了一个 div，但是当我调整窗口大小时，我无法让它留在原位。我尝试过多次将定位更改为绝对、固定、相对……等。没有运气。
请记住，布局没有什么花哨的，只是快速查看并获取乐队的一些基本信息。
这是链接：http://silentcellmusic.com/test.html
提前谢谢！
【问题讨论】：
首先，您应该从标记中删除图像，并将其设置为主体或 html 的背景，例如。将其设置为 顶部中心。
然后，将 div #wrapper 设置为 { width: 960px;边距 0 自动； }。这样它就会一直在屏幕的中心，就像你的背景一样。
三、创建四个div：
将它们浮动到左边，相应地设置它们的宽度和边距。
最后为您的页脚添加一个 div（社交链接和邮件地址）。
祝你好运。
【讨论】：
您需要做的是使用职位。 fixed 所做的是确定相对于窗口（或浏览器）左上角的位置，因此无论您如何调整它的大小，它都将始终保持在同一个位置。正确的做法是使用absolute 和relative。
首先你需要一个relative 容器。您的图像已经居中，因此您可以执行以下操作：
<div id="container">...</div>
#container {width:960px; margin:0 auto; position:relative;}
然后，您希望您的视频位于绝对定位的 div 中，但在相对的 div 内部。所以你的 html 将是：
<div id="container">
<div id="videoDiv">
your video here
</div>
</div>
还有你的 videoDiv 的 CSS：
#videoDIv {position:absolute; top:200px; left:200px; }
在线查看 por css position 以了解其工作原理，它实际上非常简单，但您需要正确的结构。在您的情况下，您的 center 标签应该是具有相对位置的标签，但请确保将其更改为 div，否则某些浏览器会给出验证错误。
话虽如此，您可以做很多事情来改进您的网站。一旦您知道如何处理位置，您就可以使用不同的图像重新进行布局（因此加载速度更快），并且您可以使用实际文本。这对于搜索引擎识别您的网站非常重要，因此至少尝试让关键字散布在各处。
【讨论】：
这是视频 div 的 CSS：
#apDiv1 {
position:absolute;
left:747px;
top:535px;
width:400px;
height:223px;
z-index:1;
#wrapper {
margin-left:auto;
margin-right:auto;
width:960px;
}
你的意思是声明宽度两次吗？ width:960px 是否会影响您的定位？
【讨论】：
完全摆脱<center>标签并将#apDiv1的css更改为：
#apDiv1 {
position: absolute;
left: 597px;
top: 489px;
width: 400px;
height: 223px;
z-index: 1;
}
【讨论】：