CSS中我們可以使用一些屬性來(lái)設(shè)置ul的位置,如下:
ul { position: absolute; /*讓ul脫離文檔流*/ left: 0; /*距離左側(cè)為0*/ top: 0; /*距離頂部為0*/ } ul { position: relative; /*相對(duì)定位*/ left: 50px; /*相對(duì)于原始位置向左移動(dòng)50px*/ top: 20px; /*相對(duì)于原始位置向下移動(dòng)20px*/ } ul { margin: 0 auto; /*水平居中*/ } ul { float: right; /*位置在右側(cè)*/ }
其中,position屬性有三個(gè)取值:
- static(默認(rèn)值)--元素按照正常文檔流排列
- absolute--元素脫離文檔流,相對(duì)于瀏覽器窗口或包含它的元素定位
- relative--元素仍處于文檔流中,相對(duì)于它原本的位置定位
margin屬性用來(lái)設(shè)置元素邊框之外的空白區(qū)域,可以水平、垂直居中;
float屬性是產(chǎn)生浮動(dòng)效果,可以使元素位置左右對(duì)齊。