Div alignement horizontal, l'un fixe, une adaptation

Question

je voudrais créer une structure de site en fente verticale à l'aide de deux divs:

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:auto;float:left"></div> 

Mon intention est d'avoir d2 à côté de d1 dans une structure d'alignement horizontal (même ligne). Ce que je reçois n'est pas ça. En fait, en utilisant ce code, d2 ne prend pas l'espace restant, mais s'effondre à la largeur min.

si j'utilise

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:100%;float:left"></div> 

FAUX car d2 descend et prend tout l'espace (mais les deux sont divs dans différentes lignes).

COMMENT ATTEINDRE MON OBJECTIF? Y at-il un motif de conception pour ce problème ????

Merci.

---

OK CE DEVRAIT ÊTRE LA BONNE QUESTION ...

Bonjour à tous. Je voudrais créer une structure de site verticale en utilisant deux fente divs:

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:auto;float:left"></div> 

Mon intention est d'avoir d2 à côté d1 dans une structure d'alignement horizontal (même ligne). Ce que je reçois n'est pas ça. En fait, en utilisant ce code, d2 ne prend pas l'espace restant, mais s'effondre à la largeur min.

si j'utilise

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:100%;float:left"></div> 

FAUX car d2 descend et prend tout l'espace (mais les deux sont divs dans différentes lignes).

COMMENT ATTEINDRE MON OBJECTIF? Y at-il un motif de conception pour ce problème ????

Merci.

Answer 1

U pourrait vouloir utiliser une table comme ceci:

<table width="100%" style="table-layout:fixed"> 
<tbody> 
<tr> 
<td width="100px"> </td> 
<td width="100%"> </td> 
</tr> 
</tbody> 
</table> 

Answer 2

CSS APPROCHE:

<div style="width:100%; position:relative"> 
<div style="width:100px;float:left"> </div> 
<div style="width:100%;position:absolute;padding-left:100px;left:0;top:0"> </div> 
</div>