2009-04-07 60 views
2

我有以下的html代碼:幫助格 - 使股利適合其餘寬度

<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; 
} 

我應該div.c設定什麼風格,使其成爲div.b旁邊,適合其餘寬度?

這是一個tempalte,將適合100%的屏幕。

謝謝!

+0

是已經佔寬了。你的意思是如何在高度上排列它? – Damo 2009-04-07 18:35:02

+0

我編輯... div.c浮動左... – Paulo 2009-04-07 18:39:25

+0

可能重複的[使一個div填滿剩餘的寬度](https://stackoverflow.com/questions/4873832/make-a-div-fill-剩餘寬度) – TylerH 2017-08-24 15:50:14

回答

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

當「b」的內容長於一行時,「c」自動被推到下一行,並且兩個不再並排顯示。 – ConroyP 2009-09-16 11:43:04

+0

原來的帖子指出整個事情完全是100%的寬度。 – 2009-09-16 14:30:26