2 div div寬度100％

Question

在我的頁面上我有這樣的div結構。

- 在身體有2個div。第一個20％寬度，第二個80％寬度。 - 在第一個div裏面有3個div。首先浮動左：11px寬度，第三浮動右：22px寬度。我想在第一和第三個div之間放置第二個div，覆蓋剩餘寬度的100％。

我不能這樣做第二個div。我該怎麼做？

Answer 1

這樣寫：

HTML

<div class="firstdiv"> 
    <div class="first">1</div> 
    <div class="third">3</div> 
    <div class="second">2</div> 
</div> 
<div class="secdiv">80%</div> 

CSS

.firstdiv{ 
    width:20%; 
    float:left; 
    background:red; 
    } 
    .secdiv{ 
    overflow:hidden; 
    background:green; 
    } 

.first{ 
    float:left; 
    width:11px; 
    background:yellow; 
} 
.third{ 
    float:right; 
    width:22px; 
    background:pink; 
} 
.second{ 
    overflow:hidden; 
    background:blue; 
} 

入住這fiddle