在上一章,我們學習了CSS浮動布局。浮動布局比較靈活,但是不容易控制。而定位布局的出現,使得用戶精准定位頁面中的任意元素成為可能,使得網頁布局變得更加隨心所欲。當然由於定位布局缺乏靈活性,也給空間大小和位置不確定的版面布局帶來困惑。因此,在網頁布局實戰中,讀者應該靈活使用這兩種布局方式,滿足個性設計需求。
CSS定位使你可以將一個元素精確地放在頁面上你指定的地方。聯合使用定位和浮動,能夠創建多種高級而精確地布局。
定位的方法有很多種,它們分別是固定定位(fixed)、相對定位(relative)、絕對定位(absolute)和靜態定位(static)。
在接下來的學習中,我們一一為大家詳細講解這4種定位方式。