CSS定位結(jié)構(gòu)是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分，通過它我們可以對(duì)網(wǎng)頁(yè)元素進(jìn)行精細(xì)化的布局，使得網(wǎng)頁(yè)設(shè)計(jì)更加符合實(shí)際需求。CSS中定位結(jié)構(gòu)主要分為4種：靜態(tài)定位、相對(duì)定位、絕對(duì)定位以及固定定位。

* {
margin: 0;
padding: 0;
}
.box {
width: 300px;
height: 300px;
background-color: #ccc;
}
.static {
position: static;
}
.relative {
position: relative;
left: 50px;
top: 50px;
}
.absolute {
position: absolute;
left: 50px;
top: 50px;
}
.fixed {
position: fixed;
right: 0;
top: 0;
}

靜態(tài)定位是CSS中默認(rèn)的定位方式，元素的位置根據(jù)文檔流的順序放置。相對(duì)定位基于元素在靜態(tài)位置的位置進(jìn)行定位，可以通過left、right、top、bottom屬性來設(shè)置位置。絕對(duì)定位是基于父元素定位的，需要父元素設(shè)置為相對(duì)定位或絕對(duì)定位，通過left、right、top、bottom屬性來確定位置。固定定位是相對(duì)于瀏覽器的窗口進(jìn)行定位，元素的位置固定不變。