如何在 Bootstrap 中设置一列控制高度？

使用 Bootstrap 创建 HTML 文档并制作多列。任务是使用 Bootstrap 将控件设置为超过高度的列。这样做的方法是利用左列中的另一个 div 内部。向内的 div 应该是 position: absolute。

例子：

HTML

  

  
  
  
  
  
  
  
  
  
  
  
    
  
  
    
  
  
  
  
    How to set one column control 
    over height in Bootstrap ?
  
  
  
    .bg-1 {
      background-color: yellow;
    }
  
    .bg-2 {
      background-color: lightgreen;
    }
  

  

  
    
      GeeksforGeeks
    
  
  
  
    
      
        
          A Computer Science portal for geeks. 
          It contains well written, well thought
          and well explained computer science 
          and programming articles, quizzes and 
          many other contents.
          A Computer Science portal for geeks. 
          It contains well written, well thought
          and well explained computer science 
          and programming articles, quizzes and 
          many other contents.
        
      
      
        A Computer Science portal for geeks. 
        It contains well written, well thought
        and well explained computer science 
        and programming articles, quizzes and 
        many other contents.
        A Computer Science portal for geeks. 
        It contains well written, well thought
        and well explained computer science 
        and programming articles, quizzes and 
        many other contents.
        A Computer Science portal for geeks. 
        It contains well written, well thought
        and well explained computer science 
        and programming articles, quizzes and 
        many other contents.
      
    
  

  

输出：

在上面的例子中，
position 属性用于相对于其父级位置放置组件并更改其周围的布局。
overflow 属性指示如果内容溢出元素的框应该发生什么。此属性指示当元素的内容太大以适合指示的区域时是剪辑内容还是包含滚动条。