CSS是前端工程師最常用的樣式語言之一。通過使用CSS，我們可以讓一個(gè)網(wǎng)站的外觀更加美觀并且適應(yīng)不同的設(shè)備屏幕大小。下面我們來介紹一下如何使用CSS將一個(gè)容器橫向劃分為一半。

.container {
width: 100%; /* 占據(jù)整個(gè)瀏覽器窗口寬度 */
display: flex; /* 使用flexbox布局 */
}
.left-half {
width: 50%; /* 容器的左半部分寬度為50% */
}
.right-half {
width: 50%; /* 容器的右半部分寬度為50% */
}

以上的代碼可以將一個(gè)容器分成左右兩個(gè)部分，每個(gè)部分各占據(jù)容器的50%寬度。其中，CSS的flexbox布局提供了方便的方法來處理容器內(nèi)部的排列，以達(dá)到我們需要的效果。在這里，我們使用了flexbox的默認(rèn)方式來實(shí)現(xiàn)，即Flex-Direction為row，也就是讓容器內(nèi)部的元素從左到右排列。

通過使用這個(gè)方法，我們就可以很方便地將一個(gè)容器橫向劃分為一半，來適應(yīng)我們的頁面需求。這種方法還可以用于其他布局場(chǎng)景，如將一個(gè)容器垂直劃分為兩半。CSS真的很強(qiáng)大呢。