學習前端的第十二天

2021-10-04 13:42:26 字數 907 閱讀 6283

一、固定定位

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 介面 無序的 不可重複 放入資料的順序和內部真實儲存的順序...