需要特定CSS div布局的帮助

Question

我已经摆弄了一段时间并且无法得到我想要的东西。有人可以给我一些指导来实现附图中的布局吗？

Answer 1

我为你开始这个。它使用的是flexbox，这是@Keith M的建议（也是一个很好的建议，我也推荐使用flexbox）。

希望它能帮助你！

＆＃13;

＆＃13;

weather <- as.Date(weather$date)

#or

weather <- as.POSIXct(weather$date)

＆＃13;

.body {
  display:flex;
  flex-direction:column;
  width:100vw;
  height:100vh;
}

.body > .topNav {
  flex:0 0 50px;
  background: blue;
}

.body > .page {
  display:flex;
  flex-direction:row;
  flex: 1 1 auto;
}
.body > .page > .leftNav{
  flex: 0 0 300px;
  background: red;
}
.body > .page > .content{
  flex: 1 1 auto;
}

＆＃13;

＆＃13;

＆＃13;