Wie füllt Middle Div den Raum zwischen schwebenden Elementen?

Question

Mar 31, 2013, 12:34 AM

Wie füllt Middle Div den Raum zwischen schwebenden Elementen?

Ich habe drei Div-Elemente: Links, Mitte und rechts. Links und rechts sind fest und schwebend. Was ich will ist dasmittlere div, um die Lücke zu füllen dazwischen.

Das ist mein Code:

<!DOCTYPE html>
<html>
<head>
   <style>
      * {border: dotted 1px red;}
      #left {
         width: 200px;
         float: left;
      }
      #middle {
         float: left;
      }
      #right {
         width: 200px;
         float: right;
      }
   </style>
</head>
<body>
   <div id="left"  >  left   </div>
   <div id="middle">  middle </div>
   <div id="right" >  right  </div>
</body>
</html>

Irgendwelche Ideen, wie das geht? Ich habe verschiedene Lösungen ausprobiert, aber es ist mir nicht gelungen, das zu tun, was ich will.