Css 使潜水器稍微偏离中心

通常我会通过使用position:absolute将边距设置为auto，或者通过padding来实现，但不幸的是，在这种情况下，这些都不起作用。我需要一个div，使其在水平方向上偏离页面中心15像素左右。棘手的一点是，它需要在页面加宽时正确缩放。在我看来，我需要根据中心点而不是左手边进行水平调整。我怎样才能做到这一点？谢谢。

送一个包装纸，上面写着： 保证金：自动； 位置：绝对位置

在包装内，放入div： 位置：相对位置； 左：-15px；（或任何你想要的）

---

示例页面会有所帮助。

您完全可以定位

div

，并将

left

属性设置为50%。然后，将

左边距设置为50%+5px（无论是什么）。但是，只有在长方体上有固定宽度时，这才有效。例如，如果框宽200px，左边的
边距将是
-115px
关键是设置
宽度：100%
和固定的
边距，如下面的示例所示

<style>
div {
background-color:red;
 height:100px;
margin:0 auto;
width:100%;
margin-left:15px;
}
</style>

<div></div>


div{
背景色：红色；
高度：100px；
保证金：0自动；
宽度：100%；
左边距：15px；
}

使用一个居中的容器div，然后您可以给它的内容留出
空白：npx
-如下所示：

HTML

<div id="container">
    <span id="green">&nbsp;</span><br />
    <span id="blue">&nbsp;</span>
</div>

请参见此处编码的示例-
您可以使用
display:inline block
作为
center
的
DIV
，然后为其指定
边距

像这样：

.Parent{text-align:center;}
.Child{
    display:inline-block;
    text-align:left;
    width:200px;
    height:150px;
    background:red;
    margin-left:15px;
}

检查这把小提琴

删除
左边距：15px
，然后单击小提琴中的
运行
按钮查看不同部分。
按比例正确表示它必须与主div一起移动？或者你希望它（字面上）缩放，例如：如果屏幕是800px，空间是15px，如果是1200，空间是22px？答案太多了！最终，这是一个最类似于我所做的，所以我想你赢得了这个奖项哈。谢谢
<div id="container">
    <span id="green">&nbsp;</span><br />
    <span id="blue">&nbsp;</span>
</div>

#container{width:100px; margin:auto auto; background-color:red;}
#container span{display:block; width:100%; }
#green{background-color:green; margin-left:10px;}
#blue{background-color:blue; margin-left:-10px;}

.Parent{text-align:center;}
.Child{
    display:inline-block;
    text-align:left;
    width:200px;
    height:150px;
    background:red;
    margin-left:15px;
}