CSS3中,可以使用相對定位(relative positioning)來設(shè)置控件的相對位置,相對定位是指將控件相對于其正常位置進(jìn)行偏移,以達(dá)到特定的布局效果。
在CSS3中,使用相對定位可以通過設(shè)置控件的position
屬性為relative
來實現(xiàn),可以使用top
、right
、bottom
和left
屬性來分別設(shè)置控件在四個方向上的偏移量,這些偏移量可以是具體的數(shù)值,也可以是百分比,表示相對于控件自身寬高的比例。
假設(shè)我們有一個按鈕控件,我們想要將其相對于其正常位置向右偏移20像素,并向下偏移10像素,我們可以使用以下CSS代碼來實現(xiàn):
button { position: relative; right: 20px; bottom: 10px; }
這樣,按鈕控件就會相對于其正常位置向右偏移20像素,并向下偏移10像素。
需要注意的是,相對定位并不會改變控件的原始位置,只是在其原始位置上添加了一個偏移量,如果其他控件需要參考這個控件的位置,那么應(yīng)該使用***定位(absolute positioning)或者固定定位(fixed positioning)來設(shè)置控件的***終位置。