欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

  1. 首頁(yè) > 科技 > >

|干貨！html定位的幾種方式！

|干貨！html定位的幾種方式！

文章圖片

|干貨！html定位的幾種方式！

文章圖片

|干貨！html定位的幾種方式！

文章圖片


1.html定位的幾種方式:html定位主要分為5種：靜態(tài)定位、相對(duì)定位、絕對(duì)定位、固定定位、粘性定位
2.html定位實(shí)現(xiàn)的語(yǔ)法：要想實(shí)現(xiàn)html定位需要設(shè)置兩個(gè)選項(xiàng)：定位的類型+定位的位置 。 其中定位的類型分為上述幾種定位的類型：靜態(tài)定位（static）、相對(duì)定位（relative）、絕對(duì)定位(absolute)、固定定位（fixed）、粘性定位（sticky） 。
定位的位置主要分為上（top）、下（bottom）、左（left）、右(right) 。

3.html靜態(tài)定位當(dāng)我們沒有指定定位方式的時(shí)候 ， 這時(shí)默認(rèn)的定位方式就是static ， 也就是按照文檔的書寫布局自動(dòng)分配在一個(gè)合適的地方 ， 這種定位方式用margin來(lái)改變位置 ， 對(duì)left、top、z-index等設(shè)置值無(wú)效 ， 這種定位不脫離文檔流；


4.html相對(duì)定位的特點(diǎn)以及應(yīng)用：1）相對(duì)定位是對(duì)于它本身而言進(jìn)行位置的移動(dòng) 。
①舉例：如下圖是300x300像素的div盒子

②假如我們將div這個(gè)盒子設(shè)置了相對(duì)定位如下：

③我們可以通過(guò)下圖看到 ， 這個(gè)div盒子就相對(duì)于它本身向下偏移了10像素

2）需要注意的是 ， 相對(duì)定位雖然發(fā)生了位置移動(dòng)但是仍舊保留原來(lái)的位置 ， 其他元素不能占據(jù)他原先位置 ， 如下圖；
【|干貨！html定位的幾種方式！】

    相關(guān)經(jīng)驗(yàn)推薦