css 有三種基本的定位機制：普通流、浮動和絕對定位。
除非專門指定，否則所有框都在普通流中定位。也就是說，普通流中的元素的位置由元素在 (x)html 中的位置決定。
塊級框從上到下乙個接乙個地排列，框之間的垂直距離是由框的垂直外邊距計算出來。
行內框在一行中水平布置。可以使用水平內邊距、邊框和外邊距調整它們的間距。但是，垂直內邊距、邊框和外邊距不影響行內框的高度。由一行形成的水平框稱為行框（line box），行框的高度總是足以容納它包含的所有行內框。不過，設定行高可以增加這個框的高度。
一、元素的position屬性分為：static，relative,absolute,fixed 四種。
二、position:static 這是預設屬性，也就是元素在正常文件流中的位置，這個時候如果給元素設定left right top以及z-index等屬性是沒有效果的。
三、position:relative 相對定位，這個元素會被浮起來，覆蓋它下面的其它元素，如果設定left top值，會以它自身為參考點，同時它原來在文件中的位置還保留，其它元素不能去佔據。我們可以通過z-index來調整上下層關係。
四、position:absolute 絕對定位，這個元素也會被浮起來，會覆蓋下面的元素，可以設定z-index屬性，但是它在文件流中的位置會被刪除，其它元素可以來佔據。如果來設定left top right的值，參考點為：如果它的父元素設定了定位（除了static），就以它的父元素來定位；如果它的父元素沒有定位，以此類推，找離它最近的祖先元素進行定位；如果都沒有，就以文件的body（即整個網頁的左上角）為參考點。
五、position:fixed 固定定位，定位參考點為可是視窗，可通過z-index進行層次分級。
元素定位 Cypress 元素定位
cypress含有多種定位方式我們無需擔心因為定位導致測試失敗，cypress有獨一無二的定位策略能使你擺脫元素定位的噩夢。cypress專有選擇器 舉例 submitsubmitsubmit獲取元素方法 cy.get data cy submit click cy.get data test su...
元素的定位
position static 靜態定位 是元素預設定位方式，就是各元素在html文件流中的預設位置。注意 任何元素在預設狀態下都會以靜態定位來確定自己的位置，在靜態定位狀態下，無法通過邊偏移屬性 top,bottom,left,right 來改變元素位置。position relative 相對定...
元素的定位
元素的定位 需求分析 浮動布局雖然靈活，但無法對元素的位置進行精確控制。在css中，通過css定位 cssposition 可以實現網頁元素的的精確定位。定位的基本思想很簡單，一般可以定義元素相對於其在文件流中的位置定位。或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置進行定位。1 元素的定位屬...