根據其內容調整div元素而不使用jscript

我無法獲取基於其內容大小被動態創建的div。擁有固定寬度的principial div（＃divPrincipal）的想法。在這個div中，除其他外將是另一個div（＃divCabecera），根據其內容調整大小。最後，在＃divCabecera裏面，他們將創建任意數量的帶有文本的div（＃divTexto）。根據其內容調整div元素而不使用jscript

這是基本的CSS：

# divTexto{ 
    border-right: 1px solid #cdcdcd; 
    height: 100%; 
    width: 33%; 
    float: left; 
    display: inline-block; 
}

enter image description here

所有我需要的是，他們似乎更藍div的，紅色區域增長到黑色區域。之後，顯示滾動

我希望你能幫助我

來源

2013-06-18 Asantoya

和問題是什麼？ –

對不起，紅色div可以隨意增長，但只顯示黑色div的可見區域，那麼當紅色div比黑色div大時，它必須顯示滾動 – Asantoya

您的html在哪裏？ – bksi

我認爲這是你要去的。不知道，但這是我得到的。

http://jsfiddle.net/gulfarazyasin/BQfN3/

div#container { 
    border: 1px solid black; 
    height: 250px; 
    width: 300px; 
    overflow: auto; 
    white-space: nowrap; 
} 

div#container div#divTexto { 
    border: 1px solid blue; 
    height: 200px; 
    display: inline-block; 
    margin: 0 20px; 
} 

div#red { 
    border: 1px solid red; 
    margin: 10px; 
    display: inline-block; 
}

添加/刪除#divTexto看到預期的效果

來源

2013-08-18 12:22:32

根據其內容調整div元素而不使用jscript

回答

相關問題