Question

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

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

我的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>

请帮助，非常感谢

Answer 1

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

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

margin: 0 auto;

调整大小窗口时Div移动

1 个答案: