av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css3 - 父級(jí)元素為fixed定位下,子元素絕對(duì)定位問(wèn)題

瀏覽:86日期:2023-07-30 09:04:38

問(wèn)題描述

jsfiddle鏈接:https://jsfiddle.net/md4ro30u/疑問(wèn)一:為什么要在second的CSS中顯式的寫(xiě)出overflow:scroll,不寫(xiě)這條屬性無(wú)法顯示所有的first塊?疑問(wèn)二:在second加上overflow:scroll屬性的條件下,third的絕對(duì)定位bottom:10px為什么是相對(duì)于當(dāng)前瀏覽器窗口絕對(duì)定位而不是出現(xiàn)在最底部(滑動(dòng)條拉到最底部)相距10px的位置?

問(wèn)題解答

回答1:

我覺(jué)得對(duì)于疑惑一的解答應(yīng)該是:

overflow 屬性的默認(rèn)值為 visible(對(duì)溢出內(nèi)容不做處理,內(nèi)容可能會(huì)超出容器。)

由于second你使用 fiexed定位,并占滿整個(gè)窗口,所以即使溢出部分你也看不到。只有加上overflow:auto|scroll之后,如果有溢出才會(huì)出現(xiàn)滾動(dòng)條。

回答2:

疑問(wèn)一:overflow:scroll只在塊元素指定了固定的高寬才會(huì)出現(xiàn)滾動(dòng)條,見(jiàn)demo:demo second并沒(méi)有固定高寬,其大小是靠子元素?fù)伍_(kāi),所以overflow:scroll對(duì)其沒(méi)有影響。疑問(wèn)二:third是相對(duì)于second定位,而不是當(dāng)前瀏覽器窗口。絕對(duì)定位的相對(duì)元素是最近一個(gè)已經(jīng)定位的父元素,如果沒(méi)有,則相對(duì)于body。

absolute Do not leave space for the element. Instead, position it at a specified position relative to its closest positioned ancestor or to the containing block. Absolutely positioned boxes can have margins, they do not collapse with any other margins.

position

標(biāo)簽: CSS
主站蜘蛛池模板: 91精品国产乱码久久久久久久 | 午夜精品一区二区三区在线视 | 国产精品美女久久久久aⅴ国产馆 | 免费看欧美一级片 | 久久久久久久久中文字幕 | 欧美日韩国产不卡 | 综合久久一区 | 亚洲视频在线播放 | 午夜影晥| 成人在线视频免费观看 | 精品成人佐山爱一区二区 | 国产毛片av | 国产成人jvid在线播放 | 日本亚洲欧美 | 亚洲综合在线播放 | 麻豆精品一区二区三区在线观看 | 欧美一级二级视频 | 久久三区 | 伊人免费视频二 | 九九热这里只有精品在线观看 | 欧美一区二区免费 | 亚洲精品一区二区另类图片 | 国产一区二区三区视频在线观看 | 国产jizz女人多喷水99 | 精品一区在线免费观看 | www.久草.com| 欧美理论片在线观看 | 夜夜艹天天干 | 中文字幕在线视频网站 | 国产不卡一区在线观看 | 欧美αv | 伊人伊成久久人综合网站 | 野狼在线社区2017入口 | 91看片| 久久小视频 | 久久精品国产免费高清 | 一本色道久久综合亚洲精品高清 | 国产精品视频一区二区三区四区国 | 国产中文字幕亚洲 | 在线成人 | 欧美影院 |