2010-08-26 17 views
9

içine div hizaya çalışıyorum. aşağıda benim işaretlemem. çalışıyor gibi görünüyor. ama bunun en iyi çözüm olup olmadığından emin değilim. daha iyi bir yol tavsiye edebilir misiniz? Ayrıca, FF'de kap etrafındaki kenarlığı kaldırırsam, çalışmayı durdurur. kimse neden olduğunu biliyor mu? çalışacak sayesinde konstantindikey i dikey altta başka div içinde bir div hizalamak çalışıyorum ve ben göreli/mutlak konumlandırma kullanmak istemiyorsanız div


<html> 
<head> 
    <style type="text/css"> 
     .container 
     { 
      background-color: #ffff00; 
      height: 100px; 
      line-height: 100px; 
      border: solid 1px #666666; 
     } 
     .container .content 
     { 
      margin-top: 60px; 
      background-color: #ffbbbb; 
      height: 40px; 
      line-height: 40px; 
     } 
    </style> 
</head> 
<body> 
    <div class="container"> 
     <div class="content">test</div> 
    </div> 
</body> 
</html> 

cevap

27

mutlak konumlandırma kullanıyor musunuz. Mutlak konumlandırmayı kullanmak istemediğinizin bir yanlış anlaşılmaya dayanması muhtemel olduğunu düşünüyorum. konteyner yanı pozisyon özeliği varsa Yani, mutlak konumlama bütün sayfasına ancak kaba konuda konuda olmayacaktır ve sonra birlikte istediğini elde edecek: Artık

.container 
{ 
    position: relative; 
} 

.container .content 
{ 
    position: absolute; 
    bottom: 0px; 
} 

, boyutlar ne olursa olsun, içeriğiniz konteynerin alt kısmında olacaktır.

+0

Bunu kullanmıştım. Teşekkür ederim. ve aynı zamanda onu merkeze hizalamak istiyorum. Bu nasıl yapılır ? –

1

... tek şey boş üst 60 piksel bir şey koymak mümkün olmayacaktır olduğunu.

0

en iyi çözümünü arıyorsanız, göreceli/mutlak konumlandırmayı kullanmanız gerektiğine inanıyorum.

Göreli/mutlak konumlandırmadan kaçınmaya çalıştığınız belirli bir neden var mı?

İlgili konular