Html 填充浮动div而不移动其他div

我试着用30px左键填充“back”div，但没有从中间轻推“head”div。我好像做不好

标题在这里
.标题{
背景：无重复滚动0 0#4A4A4A；
文本对齐：居中；
颜色：#f1f1；
线高：45px；
垫面：3件；
字体大小：20px；
字号：100；
}
.回来{
浮动：左；
}

使用

位置：绝对

.back {
    position:absolute;
    left:30px; 
}

---

使用

位置：绝对

.back {
    position:absolute;
    left:30px; 
}

将其定位设置为相对，并添加左：30px

.back {
    float: left;
    position: relative;
    left: 30px;
}

将其定位设置为相对，并向左添加：30px

.back {
    float: left;
    position: relative;
    left: 30px;
}

添加

padding: 3px 30px 0;

指向.header的css

然后你会在右边和左边都有填充，所以如果你出于某种原因会在头div的右端放置一些东西，那么它也会自动从边缘定位30px。我还将3px添加到了顶部，因为您已经有了3px，所以您可以删除
填充顶部

我通常宁愿使用这种解决方案，而不是绝对定位，这种方法也很有效，但比较静态，我发现很难维护和更改，这是我个人的观点。
添加

padding: 3px 30px 0;

指向.header的css

然后你会在右边和左边都有填充，所以如果你出于某种原因会在头div的右端放置一些东西，那么它也会自动从边缘定位30px。我还将3px添加到了顶部，因为您已经有了3px，所以您可以删除
填充顶部

我通常更喜欢使用这种解决方案，而不是绝对定位，这也很有效，但更为静态，我发现很难维护和更改，这是我个人的观点。
Legend！非常感谢。我知道这很简单，就像that@MitchellWeissu r wlcm。不要忘记添加位置：相对于父div，正如我在fiddleLegend中提到的！非常感谢。我知道这很简单，就像that@MitchellWeissu r wlcm。不要忘记添加位置：相对于父div，正如我在小提琴中提到的