简述CSS实现两栏布局的方式 ？

在CSS中，有多种方式可以实现两栏布局，以下是一些常见的方法：

1. 浮动布局（Floats）：你可以使用float属性来实现两栏布局。例如：

   .left {
     float: left;
     width: 50%;
   }
   
   .right {
     float: right;
     width: 50%;
   }
   

   注意，使用浮动布局时，你可能需要清除浮动以防止布局问题。

2. Flex布局：你可以使用CSS的flex属性来实现两栏布局。例如：

   .container {
     display: flex;
   }
   
   .left {
     flex: 1;
   }
   
   .right {
     flex: 1;
   }
   

   在这个例子中，.left和.right类的元素将会平分.container的宽度。

3. 网格布局（Grid）：你也可以使用CSS的grid属性来实现两栏布局。例如：

   .container {
     display: grid;
     grid-template-columns: 1fr 1fr;
   }
   

4. 定位布局（Positioning）：你可以使用position属性来实现两栏布局。例如：

   .left {
     position: absolute;
     left: 0;
     width: 50%;
   }
   
   .right {
     position: absolute;
     right: 0;
     width: 50%;
   }
   

   在这个例子中，.left类的元素将会被定位在左侧，.right类的元素将会被定位在右侧。

   以上就是在CSS中实现两栏布局的一些常见方法。