如何在保持列背景颜色全尺寸的同时创建 2 列布局？

在本文中，我们将学习如何在保持列背景颜色全尺寸的同时制作两列布局。

方法：我们可以通过使用 CSS 中的 flexbox 技术并通过设置相对于视口的列的高度来制作背景颜色占据全尺寸的两列布局。

HTML 代码：以下代码演示了上述方法。

HTML

  

    
    
    
    
    
 
  

    

        
Column 1
 
        
Column 2
 
    

输出：