css3能实现这样的布局吗？

Question

A 的高度根据内容自动适应，不是程序写死的

B 占用剩余所有的高度

A 需要始终固定在顶部

B 的内容不能在A的下面去了

如果用js一切都解决了

Answer 1

可以啊，flex很容易的

.content{
  display:flex;
  flex-direction:column;
  height:300px;/*假定外面容器高度*/
}
.B{
  flex:1
}