2009-04-07 8 views
2

je le code html suivant:Aide div - faire div la largeur restante

<div class="a"> 
    <div class="b"> 
     <a href="#">text</a> 
    </div> 
    <div class="c"> 
     text 
    </div> 
</div> 


div.a 
{ 
    margin-top: 10px; 
    clear: left; 
    float: left; 
    width: 100%; 
    text-align: center; 
} 

div.b 
{ 
    padding: 27px 10px 7px 10px; 
    background-color: #fff; 
    overflow: hidden; 
    float: left; 
} 

div.c 
{ 
    float: left; 
} 

Quels styles dois-je configurer pour div.c pour le rendre soit à côté de la div.b et la largeur restante ?

C'est pour un tempalte qui s'adaptera à 100% de l'écran.

merci!

+0

Est-ce que déjà prend la largeur. Voulez-vous dire comment l'aligner en termes de hauteur? – Damo

+0

J'ai édité ... div.c est flotté à gauche ... – Paulo

+0

Copie possible de [Faire un div remplir la largeur restante] (https://stackoverflow.com/questions/4873832/make-a-div-fill- up-the-remaining-width) – TylerH

Répondre

6
<div class="a"> 
    <div class="b"> 
     <a href="#">click here to be amazed!</a> 
    </div> 
    <div class="c"> 
     this is some awesome text 
    </div> 
</div> 

<STYLE> 
    div.a {  
     border: 1px solid red; 
    } 

    div.b { 
     float: left; 
     border: 1px solid blue; 
    } 

    div.c { 
     border: 1px solid green; 
    } 
</STYLE> 
+0

Lorsque le contenu de "b" est plus long qu'une ligne, "c" est poussé sur la ligne suivante par lui-même, et les deux n'apparaissent plus côte à côte. – ConroyP

+0

Le message original spécifiait que le tout était exactement 100% de largeur. –

Questions connexes