2013-04-05 133 views
0

我試圖創建一個2寬度的簡單容器。div寬自動根據父母總寬度剩餘

<div class="holder"> 

    <div class="info-recieve"></div> 

    <textarea class="info-send></textarea> 

</div> 

.holder{ 
width: 335px; 
height: auto; 
} 
.info-recieve, .info-send{ 
float: left; 
width: auto; 
} 

的寬度。首先將處於開始空的,但隨後會收到從textarea的(如從堆棧溢出的標記系統)的動態HTML。

textarea將以100%開頭,然後將適應.info-recieve寬度,尊重.parent寬度max。

這活代碼:

http://www2.madeinweb.com.br/jobs/sgiurd/edit-profile.html

如果你們去了「Formação」字段集,只需鍵入的文本區域,然後按回車。

+0

在你的CSS,你有沒有分號? – MiniRagnarok 2013-04-05 19:35:24

+0

我使用sass,這段簡單的代碼只是爲了展示這個想法。 – fernandofleury 2013-04-05 19:37:25

+0

第一個文本能裝多少文字?你想要的最大尺寸是多少? – Huangism 2013-04-05 19:42:53

回答

0

只需拿.second您現在的規則。

.first { 
float: left; 
width: auto; 
} 

jsFiddle example(顏色增加了方便的知名度)

+0

只能用很少的文字工作http://jsfiddle.net/QaWcd/1/ – Huangism 2013-04-05 19:40:22

+0

@黃色 - 你會期望在固定寬度的容器內發生什麼? – j08691 2013-04-05 19:42:05

+0

它會像tagover系統的stackoverflow,我會更新問題 – fernandofleury 2013-04-05 19:43:48