手機網頁設計中，左右固定的布局是比較常見的一種布局方式。下面我們來介紹一下如何實現(xiàn)這種布局。

body {
margin: 0;
padding: 0;
}
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
.left {
flex: 1;
}
.right {
flex: 1;
}

首先，我們需要將body的margin和padding都設為0，這樣可以使我們的布局不會被瀏覽器的默認樣式影響。接著，在html中創(chuàng)建一個類名為container的div元素，使用flex布局實現(xiàn)左右對齊，并且讓這個div元素中的子元素左右兩邊對齊。在這個container中，我們可以為左側的區(qū)域創(chuàng)建一個類名為left的div元素，并讓它占據(jù)flex的1份份額，同樣的我們可以為右側的區(qū)域創(chuàng)建一個類名為right的div元素。通過這種方式，我們就可以實現(xiàn)左右固定的手機網頁布局。