定位的小技巧

2021-10-09 14:28:38 字數 586 閱讀 8576

固定定位小技巧: 固定在版心右側位置。

小演算法:

1. 讓固定定位的盒子 left: 50%. 走到瀏覽器可視區(也可以看做版心) 的一半位置。

2. 讓固定定位的盒子 margin-left: 版心寬度的一半距離。 多走 版心寬度的一半位置

就可以讓固定定位的盒子貼著版心右側對齊了。

絕對定位的盒子居中

不能用margin: 0 auto;

1.水平居中:

left: 50%;:讓盒子的左側移動到父級元素的水平中心位置;

margin-left: -100px; 讓盒子向左移動自身寬度的一半。

2.垂直居中:

top: 50%;

margin-top: -100px; 

讓盒子向上移動自身高度的一半。

xpath mysql xpath 定位小技巧

絕對路徑定位 find element by xpath html body div 1 2 input 表示從根節點開始,body中的第乙個div標籤下的第二個標籤 表示匹配所有型別標籤 下的input標籤。注意這個同級下第幾個元素是從1開始的,同級下只有乙個該標籤就不用指定第幾個了,比如上面的i...

xpath 定位小技巧

絕對路徑定位 find element by xpath html body div 1 2 input 表示從根節點開始,body中的第乙個div標籤下的第二個標籤 表示匹配所有型別標籤 下的input標籤。注意這個同級下第幾個元素是從1開始的,同級下只有乙個該標籤就不用指定第幾個了,比如上面的i...

css 定位及遮罩層小技巧

relative定位 相對它自己的正常位置的定位。fixed定位 fixed定位是指元素的位置相對於瀏覽器視窗是固定位置,即使視窗是滾動的它也不會滾動,且fixed定位使元素的位置與文件流無關,因此不佔據空間,且它會和其他元素發生重疊。absolute定位 絕對定位的元素相對於最近的已定位父元素,如...