<ul id="koq2u"></ul>

<del id="koq2u"></del>

<fieldset id="koq2u"></fieldset>

<strike id="koq2u"></strike>

1-相對定位、絕對定位和固定定位的區別

layman 發布于2019-08-30 15:55 / 2632人閱讀

摘要：相對定位不影響元素本身的特性不使元素脫離文檔流元素移動之后原始位置會被保留相對于其正常位置進行定位。

1、相對定位：
a、不影響元素本身的特性；
b、不使元素脫離文檔流（元素移動之后原始位置會被保留）；
c、相對于其正常位置進行定位。如果沒有定位偏移量，對元素本身沒有任何影響；
d、提升層級

2、絕對定位：
a、使元素完全脫離文檔流；
b、使內嵌支持寬高；
c、塊屬性標簽內容撐開寬度；
d、如果有定位父級相對于第一個定位父級發生偏移，沒有定位父級相對于document發生偏移；
e、相對定位一般都是配合絕對定位元素使用；
f、提升層級

3、固定定位：相對于瀏覽器窗口進行定位

云服務器 GPU云服務器相對定位-絕對定位中的絕對定位相對定位絕對定位

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/117318.html

CSS 各種定位（position）方式的區別

摘要：絕對定位元素從文檔流刪除，并相對于包含塊定位。固定定位元素從文檔流刪除，并相對于瀏覽器視窗定位，因此不隨文檔滾動而移動。定位（position） position: relative/absolute/fixed/static/inheri absolute :生成絕對定位的元素，相對于最近一級的定位不是 static 的父元素來進行定位。 fixed （老IE不支持）生成絕...

i_garfileo 2019-08-29 11:18 評論0 收藏0
CSS布局 ——從display，position， float屬性談起

摘要：生成相對定位的元素，相對于元素本身正常位置進行定位。元素的位置通過以及屬性進行規定。因為絕對定位與文檔流無關，所以絕對定位的元素可以覆蓋頁面上的其他元素，可以通過屬性控制疊放順序，越高，元素位置越靠上。頁面布局，或者是在頁面上做些小效果的時候經常會用到 display,position和float 屬性，如果對它們不是很了解的話，很容易出現一些莫名其妙的效果，痛定思痛讀了《CSS Maste...

hover_lew 2019-04-23 13:44 評論0 收藏0
CSS詳細解讀定位

摘要：有三種情況將使得元素脫離文檔流而存在，分別是浮動，絕對定位，固定定位。我的回答是相對自己文檔流中的原始位置定位。這里就不解釋脫離文檔流的問題，主要研究它的定位問題。一前言 CSS定位是CSS布局只能夠重要的一環。本篇文章帶你解讀定位屬性，可以讓你更加深入的理解定位帶來的一些特性，熟練使用CSS布局。二正文 1.文檔流布局的概念將窗體自上而下分成一行行，并在每行中按從左至右的...

1treeS 2019-08-30 14:01 評論0 收藏0
fixed固定定位定位元素的層級和float層級的區別遮蓋效果

摘要：講固定定位固定定位與上一講的絕對定位很相似，不同點是固定定位永遠是瀏覽器窗口左上角不會隨著滾軸滾動，常用來做廣告講元素的層級相對定位沒有脫離文檔流，但是會靈魂出竅進行元素遮蓋。 71講固定定位固定定位與上一講的絕對定位很相似，不同點是：固定定位永遠是瀏覽器窗口左上角不會隨著滾軸滾動，常用來做廣告 72講元素的層級相對定位沒有脫離文檔流，但是會靈魂出竅進行元素遮蓋。絕對定...

superw 2019-08-02 16:12 評論0 收藏0