0

嗨，我真的很挣扎，无法弄清楚我做错了什么。我正在建立我的朋友网站：bethcalter.co.uk/index.php，在其他浏览器上检查时，div 不在页面上，当我调整窗口大小时，div 正在移动，我不希望他们这样做.

我是 HTML/CSS 的新手，我做的不多，我更像是一名设计师，请帮忙，我已经在这里寻找答案了，但是我认为我的编码有些问题，我已经尝试过divs他们自己的包装器等，它不起作用。

我的CSS：

#content {
    margin:0;
    width:900px;
    height:400px;
    margin-left:360px;
    margin-top:-930px;
    background-color: #ffffff;
    position:absolute;
}

#bar {
    margin:0 auto;
    width:900px;
    height:90px;
    margin-left:360px;
    margin-top:-1010px;
    background-color: #ffffff;
    opacity: 0.4;
    position:absolute;

}

html:

<body>
  <div id="banner">
  </div>
  <div id="background">
    <div id="wrapper">
      <img src="images/Statue4.jpg">
    </div>
  </div>
  <div id="wrap">
    <div id="bar">
    </div>
    <div id="content">
      <img src='images/deb.jpg' style="margin: 40px 40px 40px 40px"/>
    </div>
  </div>    
</body>
</html>

请帮忙，非常感谢

4

1 回答 1

0

如果您调整窗口大小，则您的大图像 div 正在移动，因为您将其与页面中心对齐。

如果您只想让它左对齐，请在 #wrapper 选择器的 css 中删除此行：

margin: 0 auto;
于 2013-03-16T14:16:26.793 回答