Javascript 角度：制作五列的最佳方法是什么？

将页面拆分为五列的最佳方法是什么

---

谢谢您，我们一定会接受您的回答。您使用React并不重要，这是一个CSS问题。可能有几种方法可以解决这个问题，但您可以这样做：

HTML:

---

事实上，您正在使用React并不重要，这是一个CSS问题。可能有几种方法可以解决这个问题，但您可以这样做：

HTML:

---

由于问题已标记，因此最好的方法是使用即用布局组件，如： :

从'react boostrap'导入{Col}；
//...
render（）{
// ....
//
}

---

由于问题已标记，因此最好的方法是使用即用布局组件，如： :

从'react boostrap'导入{Col}；
//...
render（）{
// ....
//
}

---

这可能会有帮助：这可能会有帮助：在我接受答案并投票之前，你能澄清一下

位置：相对的
和
位置：绝对的
在做什么吗？另外，如何使左列流动，也就是说，随着浏览器大小变小，仅使左列宽度缩小？首先，div是块级元素（读取显示属性以查看块、内联、内联块元素之间的差异），这意味着它要占用整个可用的水平空间。我们加了一个边距，为我们的固定宽度列预留空间。绝对定位意味着我们可以明确定义元素相对于父元素的位置，父元素的位置设置为相对。我知道这可能没有多大意义，但如果你用谷歌搜索它，有一些博客可以比我在评论中更好地解释它。我们将固定的第w栏“绝对定位”在先前保留的空间中。在我接受答案并投票之前，您能否澄清一下
位置：相对
和
位置：绝对
正在做什么？另外，如何使左列流动，也就是说，随着浏览器大小变小，仅使左列宽度缩小？首先，div是块级元素（读取显示属性以查看块、内联、内联块元素之间的差异），这意味着它要占用整个可用的水平空间。我们加了一个边距，为我们的固定宽度列预留空间。绝对定位意味着我们可以明确定义元素相对于父元素的位置，父元素的位置设置为相对。我知道这可能没有多大意义，但如果你用谷歌搜索它，有一些博客可以比我在评论中更好地解释它。我们“绝对地”将我们的固定wwidth列定位在我们先前保留的空间中。
<div class='container'>
  <div class='left'>left</div>
  <div class='right'>right</div>
</div>

.container {
    position: relative;
}

.right {
    width: 185px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid red;
}

.left {
    margin-right: 185px;
    border: 1px solid blue;
}

    import {Col} from 'react-boostrap';
    //...
    render() { 
      // ....
      <div className="raw" > 
         <Col md={6} mdPull={6} > 

         </Col>
         <Col md={6} mdPush={6} />

         </Col>
     </div>
    //
    }