CSS實(shí)現(xiàn)頁面左右兩頁排版

在CSS中，我們可以使用position屬性來定位元素，從而實(shí)現(xiàn)頁面左右兩頁排版，以下是一個(gè)簡單的示例：

<div id="container">
    <div id="left-page">
        <!-- 左側(cè)頁面內(nèi)容 -->
    </div>
    <div id="right-page">
        <!-- 右側(cè)頁面內(nèi)容 -->
    </div>
</div>

#container {
    position: relative;
    width: 100%;
    height: 100%;
}
#left-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
#right-page {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含兩個(gè)div元素的容器，每個(gè)div元素代表一個(gè)頁面，使用position: absolute;將其定位在容器的左右兩側(cè)，通過設(shè)置width: 50%;，我們確保了每個(gè)頁面占據(jù)容器的一半寬度。height: 100%;則確保每個(gè)頁面與容器的高度相同，這樣，我們就實(shí)現(xiàn)了頁面的左右兩頁排版。