資訊專欄INFORMATION COLUMN
摘要：定位布局靜態(tài)默認(rèn)非定位元素定位元素相對定位參照點(diǎn)原先所在的位置特性不脫離文檔流寬度默認(rèn)為為，原來在文檔流的位置不會被搶占，但是可以覆蓋在其他元素上定位元素絕對定位參照點(diǎn)距離它最近的父定位元素，如果沒有，參照視口特性脫離文檔流寬度由內(nèi)容決定，
定位布局
position
static 靜態(tài)（默認(rèn)） 非定位元素
relative 定位元素（相對定位）
參照點(diǎn)：原先所在的位置
特性：不脫離文檔流（寬度默認(rèn)為為100%，原來在文檔流的位置不會被搶占），但是可以覆蓋在其他元素上
absolute 定位元素（絕對定位）
參照點(diǎn)：距離它最近的父定位元素，如果沒有，參照視口
特性：脫離文檔流（寬度由內(nèi)容決定，原來在文檔流的位置被其他元素?fù)屨迹?
fixed 定位元素（固定定位）
特性：脫離文檔流
參照點(diǎn)：相對于瀏覽器視口，并且不會隨著網(wǎng)頁的滾動而滾動
sticky 定位元素（粘滯定位 【CSS3新特性】）
特性：不脫離文檔流
是relative與fixed的集合，使用top/left/right/bottom設(shè)置過渡點(diǎn)，當(dāng)超過了這個臨界點(diǎn)，就提現(xiàn)fixe固定在網(wǎng)頁中的特性
只能定位元素才能使用定位屬性
top 、left、bottom、right
改變定位元素在z軸中的位置
z-index
默認(rèn)為0，值越小越靠下
伸縮盒
作用：主要應(yīng)用在響應(yīng)式(網(wǎng)頁可以隨著終端的屏幕尺寸合理調(diào)整布局)布局中
應(yīng)用：
1. 父元素(寬高都需要明確)
display:flex
flex-direction:row/column
flex-wrap:nowrap/wrap
2. 子元素
flex-basic
flex-grow:
flex-shrink:
flex:grow shrin basic;
flex:grow;
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/116211.html
摘要：表單元素單行文本框密碼框單選按鈕復(fù)選按鈕附件提交按鈕拓展搜索框，日期框，數(shù)字框，框的屬性參數(shù)的不能缺省參數(shù)的按鈕的時候不能缺省提示語用在單選按鈕和復(fù)選按鈕中表示默認(rèn)選中用在下拉菜單中表示默認(rèn)選中注意和可以為單值屬性下拉菜單山西江西甘肅甘肅中 表單元素 1. input 單行文本框 密碼框 ...
摘要：表單元素單行文本框密碼框單選按鈕復(fù)選按鈕附件提交按鈕拓展搜索框，日期框，數(shù)字框，框的屬性參數(shù)的不能缺省參數(shù)的按鈕的時候不能缺省提示語用在單選按鈕和復(fù)選按鈕中表示默認(rèn)選中用在下拉菜單中表示默認(rèn)選中注意和可以為單值屬性下拉菜單山西江西甘肅甘肅中 表單元素 1. input 單行文本框 密碼框 ...
摘要：背景介紹公司需要實(shí)現(xiàn)分鐘內(nèi)每隔秒輪訓(xùn)某個接口，自帶的貌似只精確到分鐘，雖然可以到精確到秒，但是并不滿足需求。選型公司項(xiàng)目都是基于框架，所以這個沒得選。 背景介紹 公司需要實(shí)現(xiàn)X分鐘內(nèi)每隔Y秒輪訓(xùn)某個接口，Linux自帶的crontab貌似只精確到分鐘，雖然可以到精確到秒，但是并不滿足需求。 選型 公司項(xiàng)目都是 基于 Laravel 框架，所以這個沒得選。守護(hù)進(jìn)程用的 superviso...
閱讀 1174·2023-04-26 02:46
閱讀 654·2023-04-25 19:38
閱讀 673·2021-10-14 09:42
閱讀 1272·2021-09-08 09:36
閱讀 1387·2019-08-30 15:44
閱讀 1352·2019-08-29 17:23
閱讀 2268·2019-08-29 15:27
閱讀 834·2019-08-29 14:15
