css 4種定位方式

2021-09-24 17:44:21 字數 448 閱讀 3399

css的定位即position屬性的值有4種:static,relative,absolute,fixed。

static是預設值,元素位於文件流中,正常顯示,忽略元素的top,bottom,left,right屬性。需要注意的一點是z-index屬性在這個定位方式下始終為0.如果其他定位方式的漂浮元素要位於static定位的內容之下,必須使用負數的z-index屬性才行。

relative是保留元素在文件流中占用的位置和尺寸,元素在static模式的位置下為起點由top,left幾個屬性確定相對移動的距離。

absolute模式文件流中不再給元素保留空間,元素相對於網頁的左上角定位。

fixed和absolute差不多,但是它相對的是視窗的左上角,也就是文件比較長出現滾動的時候,fixed定位的元素不會跟隨文件滾動。但是如果在多frame頁面裡面,它相對的是所在frame的左上角,而不是一些地方講的瀏覽器左上角。

css4種布局技巧 position

position static relative absolute fixed inherit absolute 絕對定位 脫離文件流的布局,遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素 postion不為static 否則為body文件本身。relative 相對定位 文件流的布局...

我們需要CSS4嗎?

詹 西蒙斯 jen simmons 在本週向css工作組提出了乙個有趣的建議 讓我們定義css 4最近,出現了很多次關於 製作的人將從css工作組正式定義 css 4 以及後來的 css 5 等中受益匪淺的情況。緊接著nicole sullivan和ppk提出了這個想法,隨後chris coyier...

CSS 的4中定位方式

一 流動定位 style position static 預設方式 無法通過css對其定位,不會因為top left 的改變而移動 二 相對定位 style position relative 它是流動布局的一種特殊形式。遵循文件流動的規則 保留在文件流中的位置 同時受left top 的影響 以在...