Snažím sa ľavú podložku „zadného“ divu o 30 pixelov, ale bez toho, aby som štuchol do „hlavového“ divu zo stredu. Zdá sa, že Cant to má správne. 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;
}
odpovede:
5 pre odpoveď č. 1použitie position:absolute
.back {
position:absolute;
left:30px;
}
0 pre odpoveď č. 2
Nastavte jeho umiestnenie na relatívne a pridajte doľava: 30px;
.back {
float: left;
position: relative;
left: 30px;
}
http://jsfiddle.net/jeffshaver/bZeD9/4/
0 pre odpoveď č. 3
pridať
padding: 3px 30px 0;
do css pre .hlavičku
Potom budete mať vypchávky vpravo aj vľavona ľavú stranu, takže ak by ste z nejakého dôvodu vložili niečo na pravý koniec tohto záhlavia div, automaticky by sa to umiestnilo aj 30px od okraja. Tiež som pridal 3px na vrchol, pretože u už to mal, takže môžete odstrániť padding-top
.
Zvyčajne skôr používam tento druh riešenia ako absolútne umiestnenie, ktoré tiež funguje, ale je statickejšie a je mi ťažšie ho udržiavať a meniť, to je môj osobný názor.