2009-04-07 16 views
2

に合わせDIVますヘルプ - 私は、次のHTMLコードを持って、残りの幅

私はそれがdiv.bそばに作り、残りの幅に合わせてdiv.cのために設定する必要がありますどのようなスタイル
<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; 
} 

これは、画面の100%に収まるテンポラリーのためのものです。

ありがとうございました!

+0

すでに幅があります。それをどのように高さの点で整列させることを意味しますか? – Damo

+0

私は編集しました... div.cは左に浮かんでいます... – Paulo

+0

[divを残して残りの幅を埋める]可能な複製(https://stackoverflow.com/questions/4873832/make-a-div-fill- up-the-remain-width) – TylerH

答えて

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"の内容が1行より長い場合、 "c"は次の行に単独でプッシュされ、2つは並んで表示されなくなります。 – ConroyP

+0

元の投稿では、すべてが正確に100%の幅であると指定されました。 –