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