亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

求大佬指點哈!為什么絕對定位的元素脫離了文檔流,還能撐出滾動條萬分感謝

求大佬指點哈!為什么絕對定位的元素脫離了文檔流,還能撐出滾動條萬分感謝

收到一只叮咚 2019-07-27 00:31:49
Test.abs-par{position:absolute;width:100%;left:0;top:0;}.abs-son{position:absolute;right:0;top:0;width:200px;height:1000px;border:3pxsolidgold;}父元素顯示的高度已經是零了,為什么還能撐出滾動條。問題一:可以實現父元素高度被子元素撐開嗎?問題二:瀏覽器這種被絕對定位的元素撐出現滾動條的效果怎么實現的?
查看完整描述

2 回答

?
UYOU

TA貢獻1878條經驗 獲得超4個贊

滾動一般來說可以表示為窗口滾動window,全局文檔滾動documentElement,局部元素滾動Element。你雖然脫離了文檔流,但是你還在窗口內啊,還是會引起滾動。
還有,個人覺得文檔流是解釋盒子模型元素布局排列的,跟滾動其實沒有強關聯關系。
                            
查看完整回答
反對 回復 2019-07-27
?
Smart貓小萌

TA貢獻1911條經驗 獲得超7個贊

雖然概念上講脫離文檔流脫離文檔流,但實際上,并不是說他就不在瀏覽器里了,他在,只是位置嘛,看你怎么寫。
簡單來說,可以理解成用一個全景模式拍清明上河圖,absolute元素相當于在畫上貼貼紙。
你用一個375x812的屏幕去看一個實際長度6000x812的圖,可不得拉鏡頭嘛。
現在你說,哎呀我想在橋那里再貼個電視機,電視機的右上角再貼個超大的鄧倫瀏覽器說,行,你要貼多大的貼紙?你說,電視機高么100%,寬嘛,隨便啦,鄧倫要貼個大的,1000x200好啦。瀏覽器心想,咿呀嘿那我咋知道你要多大的電視機啊,算了,做個標記吧。
然后瀏覽器順手把鄧倫貼在了標記的右上角。
這時候你還是在拍,拍到鄧倫貼紙了,但是你取景框就只有375啊,所以你看不全鄧倫,只能再往右邊拉才能把鄧倫看全
                            
查看完整回答
反對 回復 2019-07-27
  • 2 回答
  • 0 關注
  • 420 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號