middle div occupe l'espace restant?

J'ai trois div s,middle div occupe l'espace restant?

divl : 7px width 
divr: 7px width 
divm: unknown

Ce que je veux faire est:

Avez divl à l'extrême gauche du parent div,
divr à tout droit du parent div.
divm entre ces deux div et de couvrir l'espace restant.

Comment est-ce que je peux faire ceci?

Source

2010-12-11 Hailwood

probable que vous aurez envie d'utiliser ce qui a été lié

Blockquote http://matthewjamestaylor.com/blog/perfect-3-column.htm

Ou voir http://www.webreference.com/authoring/style/sheets/css_mastery2/index.html (et les pages suivantes) je suis venu avec ce qui suit, mais vous allez probablement avec un chevauchement sur le contenu des divs gauche et du milieu (vous pouvez essayer d'ajouter z-index à la div du milieu, cela peut aider.)

<html> 
    <style type="text/css"> 
     #divl { width: 7px; float: left; height: 100px; } 
     #divm { width: 100%; height: 100px; margin: 0 -7px; float: left; } 
     #divr { width: 7px; height: 100px; float: left; } 
    </style> 
     <body> 
     <div id="divl"></div> 
     <div id="divm"></div> 
     <div id="divr"></div> 
     </body> 
    </html>

Source

2010-12-11 01:59:28 Gunner

middle div occupe l'espace restant?

Répondre

Questions connexes