在乐学一百的开发过程中，遇到了一个小乐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，改变了次轴的对齐方式，使其重新计算宽度。 ...