我试图将“后退”div左键填充30px,但没有从中心轻推“头”div。似乎无法做到这一点。 http://jsfiddle.net/bZeD9/
<div class='header top'>
<div class="back"><</div>
<div class="head">HEADER HERE</div>
</div>
.header {
background: none repeat scroll 0 0 #4A4A4A;
text-align: center;
color: #F1F1F1;
line-height: 45px;
padding-top: 3px;
font-size: 20px;
font-weight: 100;
}
.back {
float: left;
}
答案 0 :(得分:5)
答案 1 :(得分:0)
将其定位设置为相对并添加左:30px;
.back {
float: left;
position: relative;
left: 30px;
}
答案 2 :(得分:0)
添加
padding: 3px 30px 0;
到.header的css
然后你将在右侧和左侧都有填充,所以如果你出于某种原因将某些东西放在标题div的右端,那么它也会自动地从边缘定位30px。我也将3px添加到顶部,因为你已经有了这个,所以你可以删除padding-top
。
我通常宁愿使用这种解决方案,而不是绝对定位,这种解决方案也有效,但更加静态,我发现维护和更改更难,这是我个人的看法。