CSS

Siona

CSS

布局

FlexBox 布局

Flexbox 通常是更现代、灵活的解决方案。

.container {
  margin-top: 1vh;
  display: flex;

  .left-div {
    padding-left: 1vw;
    flex: 1;
  }

  .right-div {
    flex: 1;
  }
}

也可使用 float 属性实现

.container {
  margin-top: 1vh;
  overflow: hidden;  // 清除浮动

  .left-div {
    padding-left: 1vw;
    float: left;
  }

  .right-div {
    float: right;
  }
}

Last Updated 5/27/2024, 9:56:45 AM