CSS假表格div，展開內部div以填充總寬度的100％

即時嘗試使用div的「假」表。CSS假表格div，展開內部div以填充總寬度的100％

假表的結構是簡單

<div id="fatable"> 
    <div id="fatable1"></div> 
    <div id="fatable2"></div> 
    <div id="fatable3"></div> 
    <div id="fatable4"></div> 
    <div id="fatable5"></div> 
    <div id="fatable6"></div> 
    <div id="fatable7"></div> 
    <div id="fatable8"></div> 
</div> 

#fatable { 
    width:100%; 
    white-space: nowrap; 
} 
#fatable1, #fatable2, #fatable3, #fatable4, #fatable5, #fatable6, #fatable7, #fatable8 { 
    float:left; 
}

我現在的問題是該元素稱爲＃fatable3必須擴大它的自我使#fatable總是以達到儘可能的100％..

#fatable3是一個搜索輸入字段將是「彈性的」，所以每次與是1900px 1200剛好insted的例如這些元素必須「生長」到#fatable達到100％..

我甚至有一個的jsfiddle ，因爲我記得這個wasent硬。但如果爲#fatable3設置了100％的寬度，那麼這個元素佔據頁面的100％寬度，使得#fatable真的像屏幕寬度的175％。

http://jsfiddle.net/DDMMc/

還是我移動到一個真正的表來實現這一目標？

這裏是jsfiddle的簡化版本，我需要所有的只是一個行，但是當我設置一個內聯元素的100％寬度，它會下降，因爲它需要100％的寬度而不是剩餘空間內..希望你能理解我

這就是：http://jsfiddle.net/sU5Kx/

來源

2013-08-04 Jules Martinez

那jsFiddle比這裏的代碼複雜得多，也許你可以簡化一下呢？ – Marconius

你究竟想達到什麼目的？ –

@TabethaMoe我想知道同樣的事情。 OP，如果你需要一個表格，那麼爲什麼不簡單地使用表格？ –

我應該使用DIV表格佈局的CSS代碼。它很乾淨。我在這裏更新您的提琴 a link

貨品搜尋進一步的信息CSS DIV tablelayout。

#fatable { 
max-width:100%; 
width:100%; 
white-space: nowrap; 
display: table; 
float:left; 
}

來源

2013-08-04 18:13:48

謝謝XD！對不起，我耽擱了一段時間 –

我只是做了猜測，希望這是你想要的..

這裏是小提琴Demo

物權法添加到您的fatable3 ..

#fatable #fatable3 
{ 
    float:left; 
    width:100% !important; 
}

這將改變UA設計，但你可以調整其他的div如u想...

來源

2013-08-04 18:03:50

CSS假表格div，展開內部div以填充總寬度的100％

回答

相關問題