[分享]css3怎样让两个div并排

CSS3是一种优秀的网页样式设计语言，它可以让网页变得更加美观，让用户体验更好。在使用CSS3时，比较常见的情况是需要将两个div放在同一行中并排展示。那么该如何实现呢？ 左边的div 右边的div ...

CSS3是一种优秀的网页样式设计语言，它可以让网页变得更加美观，让用户体验更好。在使用CSS3时，比较常见的情况是需要将两个div放在同一行中并排展示。那么该如何实现呢？

<div class="container">
  <div class="left">左边的div</div>
  <div class="right">右边的div</div>
</div>

<style>
  .container {
    display: flex;
  }
  .left {
    flex-grow: 1;
    background-color: red;
  }
  .right {
    flex-grow: 1;
    background-color: blue;
  }
</style> 

以上是一个实现两个div并排放置的代码示例。其中，使用了CSS3的flex布局方式，通过设置display为flex实现两个div并排展示。同时，使用flex-grow属性对左右两个div进行了等分，使其宽度自适应屏幕大小。

将上述代码放在html文件中，即可实现两个div并排展示，使网页更加美观。