css如何左右一半 |css 选项卡

.container {
width: 100%; /* 占据整个浏览器窗口宽度 */
display: flex; /* 使用flexbox布局 */
}
.left-half {
width: 50%; /* 容器的左半部分宽度为50% */
}
.right-half {
width: 50%; /* 容器的右半部分宽度为50% */
}

以上的代码可以将一个容器分成左右两个部分，每个部分各占据容器的50%宽度。其中，CSS的flexbox布局提供了方便的方法来处理容器内部的排列，以达到大家需要的效果。在这里，大家使用了flexbox的默认方式来实现，即Flex-Direction为row，也就是让容器内部的元素从左到右排列。

通过使用这个方法，大家就可以很方便地将一个容器横向划分为一半，来适应大家的页面需求。这种方法还可以用于其他布局场景，如将一个容器垂直划分为两半。CSS真的很强大呢。