```

2. CSS样式

为了实现等宽两栏的效果，我们需要使用CSS来设置列的宽度和布局。

```css

.container {

display: flex;

}

.left-column, .right-column {

flex: 1;

padding: 20px;

.left-column {

background-color: #f1f1f1;

.right-column {

background-color: #e9e9e9;

以上代码中，我们使用了flex布局来实现等宽两栏。通过将`.container`设置为`display: flex`，左右两列会自动排列在一行上。`.left-column`和`.right-column`的`flex`属性设置为1，表示它们会平均占据剩余的空间。通过设置不同的背景颜色，可以更好地展示两栏的区别。

等宽两栏布局的样式效果可以根据实际需求进行调整和变化。以下是一些常见的样式效果示例：

1. 左侧栏固定宽度，右侧栏自适应

如果您希望左侧栏具有固定宽度，而右侧栏根据内容的多少自适应宽度，可以使用以下CSS样式：

width: 200px;

2. 左右两栏宽度比例调整

如果您希望左右两栏的宽度比例不同，可以通过调整`.left-column`和`.right-column`的`flex`属性来实现。

flex: 2;

通过将左侧列的`flex`属性设置为2，右侧列的`flex`属性设置为1，可以使左右两栏的宽度比例为2:1。

通过以上的介绍，我们可以了解到等宽两栏的设置方法以及一些常见的样式效果。在实际应用中，您可以根据具体需求进行调整和变化，以达到最佳的设计效果。等宽两栏布局可以使网页内容更加清晰有序，提高用户体验，是一种常用且实用的设计方式。