Div genişliği tam içerik olmadan nasıl ayarlanır?

Kodu: Sorun yaşıyorumDiv genişliği tam içerik olmadan nasıl ayarlanır?

<html> 
    <head> 
     <style type="text/css"> 
     div{border:solid 1px gray;} 
     #mainDiv 
     { 
      width:300px; 
     } 
     .leftDiv 
     { 
      display:table-cell; 
      width:50%; 
     } 
     .rightDiv 
     { 
      display:table-cell; 
      width:50%; 
     } 
     </style> 
    </head> 
    <body> 
     <div id="mainDiv"> 
     <div class="titleDiv"> 
      ...titleDiv content... 
     <div> 
     <div class="leftDiv"> 
      ...leftDiv content... 
     </div> 
     <div class="rightDiv"> 
      ...rightDiv content... 
     </div> 
     </div> 
    </body> 
</html>

bunu onlarda yeterli içerik varsa sadece kendi tam genişliğini ulaşmak leftDiv ve rightDiv olduğunu.

Bu benim için bir sorun çünkü leftDiv'da yalnızca bir sözcük oynamak ve onu sağa hizalamak istiyorum.

kaynak

2010-11-20 Babiker

kullanabilirsiniz: bu DIV öğeleri için masa hücreyi? –

<html> 
    <head> 
     <style type="text/css"> 
     div{border:solid 1px gray;} 
     #mainDiv 
     { 
      width:300px; 
      overflow:auto; 
     } 
     .float 
     { 
      float:left; 
      width:50%; 
     } 
     </style> 
    </head> 
    <body> 
     <div id="mainDiv"> 
     <div class="titleDiv"> 
      ...titleDiv content... 
     <div> 
     <div class="float"> 
      ...leftDiv content... 
     </div> 
     <div class="float"> 
      ...rightDiv content... 
     </div> 
     </div> 
    </body> 
</html>

kaynak

2010-11-20 19:19:15

+1: not: sınır, yüzer divları uymuyor, ancak sınırı çıkarırsanız çözüm işe yarıyor. –

@Sebastian Evet. Böyle bir durumda benim çözümüm, (genellikle), bu durumda 148px olacak olan yüzer DIV'lerdeki bir px genişliğini tanımlamaktır. –

Veya, div'lere negatif bir kenar boşluğu ekleyebilir veya bir "kutu boyutu" ekleyebilirsin : onlara sınır-kutusu. – Eric

Neden ekranı ayarlarken

text-align:right

kaynak

2010-11-20 19:19:54 kobe

Div genişliği tam içerik olmadan nasıl ayarlanır?

cevap

İlgili konular