CSS設(shè)置網(wǎng)頁左右固定,可以通過定位(positioning)來實(shí)現(xiàn),以下是一個(gè)簡單的例子:
<div id="container"> <div id="left">左側(cè)內(nèi)容</div> <div id="right">右側(cè)內(nèi)容</div> <div id="main">主要內(nèi)容</div> </div>
在這個(gè)例子中,我們有一個(gè)包含三個(gè)元素的容器:左側(cè)內(nèi)容、右側(cè)內(nèi)容和主要內(nèi)容,我們可以使用CSS來固定這三個(gè)元素的位置。
我們需要給容器設(shè)置寬度,以便三個(gè)元素能夠水平排列。
#container { width: 1000px; }
我們可以給左側(cè)內(nèi)容和右側(cè)內(nèi)容分別設(shè)置定位,將它們固定在容器的左右兩側(cè)。
#left { position: fixed; left: 0; } #right { position: fixed; right: 0; }
在這個(gè)例子中,左側(cè)內(nèi)容將被固定在容器的左側(cè),而右側(cè)內(nèi)容將被固定在容器的右側(cè),無論用戶如何滾動頁面,這兩個(gè)元素都將保持在它們的位置上。
這只是一個(gè)簡單的例子,在實(shí)際應(yīng)用中,您可能需要更復(fù)雜的布局和樣式,基本的定位設(shè)置是類似的,您只需要將需要固定的元素設(shè)置為position: fixed
,并指定它們的左右位置即可。