5.2 絕對(duì)定位

2018-11-06 18:42 更新
5.2 絕對(duì)定位



定位(左邊和頂部)


定位屬性將是網(wǎng)蟲(chóng)們打開(kāi)幸福之門(mén)的鑰匙:

    H4 { position: absolute; left: 100px; top: 43px }



這項(xiàng)CSS規(guī)則讓瀏覽器將<H4>的起始位置精確地定在距離瀏覽器左邊100象素,距離其頂部43象素的位置,請(qǐng)觀看代碼的執(zhí)行效果。


注意這里唯一設(shè)置了的是左邊和頂部,也就說(shuō),文字將從左到右,從上到下載入瀏覽窗口。


左邊和頂部屬性很直觀,左邊(left)設(shè)定要素距瀏覽器窗口左邊的距離,頂部(top)設(shè)定距離瀏覽器窗口頂部的距離。


設(shè)定這些距離時(shí),你可以使用所學(xué)過(guò)的各種度單位或比例值。使用比例值時(shí),比例值的是相對(duì)于母體要素的尺寸。


你可以定位什么呢?任何東西!段落、單詞、GIF和JPEG圖象、QUICKTIME電影等等。范例。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)