參考：http://www.w3school.com.cn/cssref/pr_class_position.asp

position 屬性規(guī)定元素的定位類型。

這個(gè)屬性定義建立元素布局所用的定位機(jī)制。任何元素都可以定位，不過絕對或固定元素會(huì)生成一個(gè)塊級框，而不論該元素本身是什么類型。相對定位元素會(huì)相對于它在正常流中的默認(rèn)位置偏移。

值 　　　　描述 absolute 生成絕對定位的元素，相對于 static 定位以外的第一個(gè)父元素進(jìn)行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。 fixed 　　生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。 relative 生成相對定位的元素，相對于其正常位置進(jìn)行定位。因此，"left:20" 會(huì)向元素的 LEFT 位置添加 20 像素。 static 　 默認(rèn)值。沒有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。 inherit 規(guī)定應(yīng)該從父元素繼承 position 屬性的值。

?默認(rèn)值:static。

?

參考：http://www.w3cschool.cn/pr_pos_bottom.html

bottom 屬性規(guī)定元素的底部邊緣。該屬性定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

?

?

參考：http://www.jb51.net/w3school/css/pr_pos_left.htm

left 屬性規(guī)定元素的左邊緣。該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

?

?

參考：http://www.w3school.com.cn/cssref/pr_pos_right.asp

right 屬性規(guī)定元素的右邊緣。該屬性定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

?

參考：http://www.w3school.com.cn/cssref/pr_pos_top.asp

top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置"left" ,"bottom","right","top" 屬性不會(huì)產(chǎn)生任何效果。

?默認(rèn)值都為：auto。

轉(zhuǎn)載于:https://www.cnblogs.com/wiming/p/3952648.html

總結(jié)

以上是生活随笔為你收集整理的(四)学习CSS之position、bottom、left、right和top属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。