html - CSS 定位/调整大小的困难

Question

这对某些人来说是一个简单的问题，所以请原谅我提出这样一个基本问题。我在定位我的 div 层时遇到问题#section-1，基本上我希望<div> 当我增加屏幕尺寸时，我希望其中的内容保持在原位。点击这里

我在实现这一目标方面失败了。我设置#section-1了以下属性：

    #section-1{
    position: relative;
    width: 100%;
}

我还设置#wrapper了以下内容：

#wrapper{
    max-width: 1600px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

我尝试指定 #section-1 的最大宽度并应用 margin: 0 auto; 但是，当增加屏幕尺寸时，section-1 中的内容仍然会移动。

有没有人有解决这个问题的办法...？

score 0 · Accepted Answer

对于每边 100 像素宽的边距：

#section-1{
    position: relative;
    margin: 0 100px;
}

请注意，无论是否使用包装器，这都适用 - 包装器中的许多 CSS 似乎是不必要的。

1 回答 1