relative：定位是相對於自身位置定位（設置偏移量的時候，會相對於自身所在的位置偏移）。設置了relative的元素仍然處在文檔流中，元素的寬高不變，設置偏移量也不會影響其他元素的位置。最外層容器設置為relative定位，在沒有設置寬度的情況下，寬度是整個瀏覽器的寬度。 absolute ...

1.絕對定位 position: absolute;絕對定位：絕對定位是相對於元素最近的已定位的祖先元素（即是設置了絕對定位或者相對定位的祖先元素）。如果元素沒有已定位的祖先元素，那么它的位置則是相對於最初的包含塊（body）。 絕對定位與文檔流無關，所以它們可以覆蓋頁面上其他的元素 ...

塊級元素就是那些自為一行的元素，有高度寬度。行內元素沒有高度，行內塊級元素有高度，不換行。 好了，下面用幾個剛剛試驗的例子把這部分知識小記一下，為日后深入學習打基礎。 1.水平居中 非塊級元素水平居中： 設置父元素的text-align:center就可以了。 塊級元素 ...

層級關系為： <div ——————————— position:relative; 不是最近的祖先定位元素，不是參照物<div—————————-沒有設置為定位元素，不是參照物<div———————- position:relative 參照物<div box1< ...

要想分清相對定位和絕對定位的差別，需要着眼於兩點：移動的參照物和對普通文檔流的影響。 1、移動的參照物 相對定位是“相對於”元素（本身）在文檔流中的初始位置；而絕對定位是“相對於”距離它最近的已定位祖先元素（即設置了position樣式屬性的祖先元素），如果不存在已定位的祖先元素，那么相對於 ...

我們在編寫網頁代碼時，首先應該做的就是設計好頁面的布局形式，然后再往里面填充內容。網頁布局的好與壞，直接決定了網頁最終的展示效果。PC端常見的網頁布局形式有兩列布局、三列布局等。在CSS中，我們通常使用浮動(float)、定位(position)、顯示模式(display)相關屬性結合使用，以達到 ...

一、Xpath定位 1、絕對路徑定位 　　絕對路徑定位，即使用的是一個絕對的路徑，Xpath定位，則是從HTML最外層逐層填寫，直到定位到需要的元素。 　　這種方式一旦頁面某個路徑有變化，元素的定位就失敗了。一般不推薦絕對路徑定位這種方式。 　　絕對路徑定位類似於：/html/body ...

position：static(靜態定位) 當position屬性定義為static時，可以將元素定義為靜態位置，所謂靜態位置就是各個元素在HTML文檔流中應有的位置 podisition定位問題。所以當沒有定義position屬性時，並不說明該元素沒有自己的位置，它會 ...