如何用CSS固定div

在CSS中，可以使用position屬性來(lái)固定div，position屬性有四個(gè)值：static、relative、absolute和fixed，static是默認(rèn)值，表示div按照正常的文檔流進(jìn)行排版；relative表示div相對(duì)于其正常位置進(jìn)行定位，但不影響其他元素的排版；absolute表示div相對(duì)于其***近的非static定位祖先元素進(jìn)行定位，如果找不到這樣的祖先元素，則相對(duì)于初始包含塊進(jìn)行定位；fixed表示div相對(duì)于瀏覽器窗口進(jìn)行定位，即使頁(yè)面滾動(dòng)，div也會(huì)保持在相同的位置。

如果想要固定div，可以使用position屬性將其設(shè)置為relative、absolute或fixed，具體使用哪個(gè)值，需要根據(jù)實(shí)際情況進(jìn)行選擇，如果div需要相對(duì)于其他元素進(jìn)行定位，則可以使用relative；如果div需要相對(duì)于瀏覽器窗口進(jìn)行定位，則可以使用fixed。

除了position屬性外，還可以使用top、bottom、left和right屬性來(lái)調(diào)整div的位置，這些屬性表示div距離其定位元素的上、下、左、右距離，需要注意的是，這些屬性只在position屬性為relative、absolute或fixed時(shí)有效。

使用CSS固定div的方法是通過(guò)設(shè)置position屬性來(lái)調(diào)整div的定位方式，同時(shí)使用top、bottom、left和right屬性來(lái)調(diào)整div的位置。