一、定位
1.position: static /absolute /relative
2.position:fixed; 固定定位
a: 參照物：瀏覽器視窗
b: 不佔據空間，脫離布局流
3.讓乙個元素在瀏覽器視窗左右上下居中？
第一種方法：（前提：已知寬和高）
position:fixed;
left:50%;top:50%;
margin-left:-元素寬度一半;
margin-top:-元素高度的一半;
第二種方法：
position:fixed;
left:0;right:0;
top:0;bottom:0;
margin:auto;
4.讓子元素在父元素裡上下左右居中
先給父元素加position:relative;
再給子元素加position:absolute;
left:0;right:0;
top:0;bottom:0;
margin:auto;
5.定位方法總結
position:
static 靜態定位
relative 相對定位
absolute 絕對定位
fixed 固定定位
sticky 粘性定位
脫離布局流： position:absolute;和 position:fixed;
注：如果塊狀元素沒有設定寬度的時候，新增position:absolute || position:fixed 出現寬度被內容撐開。
二、粘性定位（可以用，但相容性不太好 ）
position:sticky;
執行邏輯： 預設情況下：當瀏覽器視窗滾動條不滾動，當前元素沒有超出整個瀏覽器視窗的時候，執行的position:relative;如果元素超出當前視窗則應用的position:fixed;
三.錨點
錨點：超連結的一種。
作用：能實現在同乙個頁面內實現不同位置的跳轉。
描述：讓錨點繫結id名稱的元素回到瀏覽器視窗的最頂端。
matlab cody學習筆記 day12
input n 5 output a is 3 3 3 3 3 3 2 2 2 3 3 2 1 2 3 3 2 2 2 3 3 3 3 3 3 如何生成乙個靶心矩陣。答 function a bullseye n a ceil sqrt spiral n 2 0.5 spiral n 命令生成n維從...
C語言學習 day12
一 專題學習之陣列 一 陣列的基本概念 1 陣列是一組有序資料的集合，下表代表資料在陣列中的編號 2 用乙個陣列名 如s 和下標 如15 來唯一確定陣列中的元素 3 陣列中的每乙個元素都屬於同乙個資料型別。注 不能把不同的資料型別的資料放在同一陣列中，如 學生的成績和姓名。把陣列與迴圈結合起來可以有...
python學習 day12 模組os sys
內容 以下內容僅供個人學習使用，侵刪 usr bin env python coding utf 8 os 通過程式與作業系統做互動 import os 四個維度 重要的 1.資料夾 建立資料夾 os.mkdir,os.makedirs 刪除資料夾 os.rmdir,os.removedirs 檢視...