在樂學一百的開發過程中，遇到了一個小樂Fm開發，需要跟百度fm差不多，上邊一個條，下邊一個條，中間部分填充。但是還不能固定高度，因為屏幕的寬高都不一樣。。。height:100%是不可行的。搜了一圈，發現了一個比較好的解決方法，分享一下：感謝作者：原文鏈接高度自適應問題，我很抵觸用js去解決 ...

方案1： Html： <div class="outer"> <div class="A"> 頭部DIV </div> <div class="B">下部DIV </div ...

方案1： Html： < div class="outer"> < div class="A"> 頭部DIV </ div > ...

對於div自適應寬度，網上的說法基本上都是將要自適應寬度的div放在其它固定寬度的最后，不指定其float屬性或將float屬性指定為none，比如三欄布局居中的一欄為自適應寬度，就可以這樣來定義三欄div： 效果如下： 但是如果我們增加中欄的文字內容，並且為其添加邊框 ...

這個方法挺好的 ...

怎么讓div寬度自適應文字內容？ 使用css3屬性 width:fit-content; ...

...

1、文字自適應寬度 從上面例子可以看出我們的div的寬度是繼承了父級。 如果想要做到如下效果，我們只需簡單幾行代碼即可實現。 關鍵代碼如圖： 我們通過flex，改變了次軸的對齊方式，使其重新計算寬度。 ...