0
点赞
收藏
分享

微信扫一扫

css左侧固定右侧自适应

Java架构领域 2022-04-19 阅读 35
  *{
    margin: 0;
    padding: 0;
  }
  .fixBox{
    display: flex;
    width: 100%;
    height: 300px;
    border: 1px solid palevioletred;
  }
  .leftBox{
    flex: 0 0 300px;
    background-color: aquamarine;
  }
  .rightBox{
    background-color: blueviolet;
    flex: 1;
  }
</style>
<div class="fixBox">
    <div class="leftBox">我是左侧的盒子哈哈</div>
    <div class="rightBox">我是右侧自适应的盒子</div>
  </div>
举报

相关推荐

0 条评论