一、固定定位
1.position:fixed;
a.參照物:瀏覽器視窗。
b.不佔據空間,脫離布局流。
2.讓元素在瀏覽器中左右上下居中
a. position:fixed;
left:50%;top:50%;
margin-left:-元素寬度一半;
margin-top:-元素高度的一半;
b. position:fixed;
left:0;right:0;
top:0;bottom:0;
margin:auto;
二、粘性定位
1.position:sticky;
執行邏輯:
預設情況下:當瀏覽器視窗滾動條不滾動,當前元素沒有超出整個瀏覽器視窗的時候執行的position:relative;如果元素超出當前視窗則應用的position:fixed;
三、錨點:
超連結的一種。
作用:能實現在同乙個頁面內實現不同位置的跳轉。
描述:讓錨點繫結id名稱的元素回到瀏覽器視窗的最頂端。
《標籤 id="">一、寬度自適應
預設情況下塊狀元素:
當width不設定的時候,或者width:100%;當前元素的寬跟隨父元素的變化。
二、高度自適應
高度自適應第一種情況:
當元素height不去設定或者是設定成height:auto;
元素的高度是被內容撐開的。
需求1:當內容增加的時候,內容能把容器撐開。
需求2:當內容極少或者沒有內容的時候,讓容器保持乙個最小高度。
最小高度的設定:
min-height:;
能滿足1:當內容增加的時候,內容能把容器撐開。
能滿足2:當內容極少或者沒有內容的時候,讓容器保持乙個最小高度。
rhce學習第十二天
selinux 基於 samba 需要修改的內容 root server1 pub mkdir ccc root server1 pub chmod 777 ccc root server1 pub ls z etc samba rw r r root root system u object r ...
學習Python 第十二天
列表 鍊錶 1 棧 filo 先進後出 2 佇列 fifo 先進先出 普通佇列 class myquene object def init self,list self.list list def size self return len self.list def delete self if s...
Java學習第十二天
2019 05 09 晴一 容器 可變長的,任意資料型別的資料的集合 二 集合 collection 五 vector 向量 底層 雙向鍊錶實現 優點 做增刪效率高 缺點 查詢和遍歷效率低 新增功能 新增了一些操作與頭部和尾部的方法 set 介面 無序的 不可重複 放入資料的順序和內部真實儲存的順序...