第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

沒有設(shè)置偏移量的情況

?a,未設(shè)置偏移量:特點:無論是否存在已定位的祖先元素,都保持在元素初始位置。?? 脫離了標(biāo)準(zhǔn)文檔流。

而不是

未設(shè)置偏移量時,都定位在父元素的左上角


正在回答

6 回答

實驗得出結(jié)論: 老師關(guān)于“未設(shè)置偏移量時,absolute和fixed的位置”問題上有錯誤。

這是代碼:

<style type="text/css">

div{width:50%;height:200px;}

.box1{border:1px solid red; background:#F00;}

.box2{border:1px solid green;background: #6F0;}

.box3{border:1px solid blue;background: #00F; height:300px;position: fixed;}

.box4{border:1px solid black;background: #F3F; position: fixed;}

.box5{border:1px solid black;background: black;height:400px;}

</style>

</head>


<body>

<div class="box1">box1</div>

<div class="box2">box2</div>

<div class="box3">box3</div>

<div class="box4">box4</div>

<div class="box5">box5</div>

</body>

這是截圖:

http://img1.sycdn.imooc.com//572a1d380001048605860848.jpg

實驗方法:對處于第三、四個文檔流的元素分別讓其position屬性等于absolute和fixed,可以看到,BOX3保持初始位置不變,BOX4、BOX5上移至BOX3的上邊框處與之重合,形成垂直堆疊,且堆疊右上至下依次為:fixed,absolute,普通文本塊。

實驗工具:DW,搜狗瀏覽器

若有哪里不對,歡迎回復(fù)指正,大家共同進步~~~~~~

1 回復(fù) 有任何疑惑可以回復(fù)我~

fixed與absolute的共同點“未設(shè)置偏移量時,都定位在父元素的左上角”是錯誤的,而是定位在原來的位置。你舉例把box1進行absolute定位,box1原來的位置就是父元素的左上角,你怎么能說是absolute定位后定位在父元素的左上角?你把box1不動,把box2進行absolute定位,再看看box2會不會跑到父元素的左上角??

0 回復(fù) 有任何疑惑可以回復(fù)我~

試驗了一下 有三種情況。

  1. box1或box2其中一個設(shè)置absolute或fixed,被設(shè)置的塊會保持在初始位置。

  2. box1和box2同時設(shè)置absolute或同時設(shè)置fixed,兩個塊會定位在左上角。

  3. box1和box2一個設(shè)置absolute,一個設(shè)置fixed,兩個塊會定位在左上角。


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

杜拉提奇泊3274268

大兄弟你用的什么瀏覽器...為什么我的實驗結(jié)果跟你不一樣,我覺得你的實驗有問題。
2016-05-04 回復(fù) 有任何疑惑可以回復(fù)我~

不懂,什么叫保持在元素的初始位置上,求解釋,菜鳥級。謝謝

0 回復(fù) 有任何疑惑可以回復(fù)我~

我也實踐了,老師講的是錯誤的,我覺得應(yīng)該向老師反映一下,這樣很容易誤導(dǎo)初學(xué)者啊。

0 回復(fù) 有任何疑惑可以回復(fù)我~

是這樣的

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
固定層效果
  • 參與學(xué)習(xí)       51899    人
  • 解答問題       151    個

運用屬性值就輕松實現(xiàn)網(wǎng)頁固定層效果

進入課程

沒有設(shè)置偏移量的情況

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號