日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

javascript - 使用css如何將一個小盒子始終固定在大盒子的底部,大盒子高度為100%,請教。

瀏覽:152日期:2022-11-20 18:32:55

問題描述

![圖片上傳中...]

問題解答

回答1:

.box { position: absolute; top: 0; left: 0;}/* 或者 */.wrapper { display: flex; align-items: flex-end;}回答2:

看下我有沒有猜錯你的意思;

<p class='container'> //大容器100% <p class='wrapper'><p class='content'></p>//內容區域<p class='refresh'></p> //小盒子顯示的上拉狀態 </p> //滾動區域 <p class='scrollBox'><p class='bar'></p> </p>//我是滾動條</p><style>.container{ position:relative; height:100%; overflow:hidden; /*.....*/}.wrapper{ position:relative; height:auto; /*.....*/}.content{ position:relative; height:auto; /*....*/}.refresh{ position:relative; float : left; width:100%; height:40px; /*......*/}.scrollBox{ position:absolute; height:100%; right:0px; top:0px; /*因為scrollBox的父元素是container,而且改變的是content,所以這里不會發生改變*/}.bar{ position:relative; height : /*通過js計算并更新*/;}</style>

這里你可以讓wrapper和content的高度一樣,也就是position都為relative,refresh這里使用float,然后設定好寬高。因為refresh這里已經脫離了文檔流,所以不會影響wrapper的高度,container設定為overflow:hidden。 當你往上拉過頭的時候,refresh會自然而然的上來。不知道這樣行不行。

回答3:

最無腦的是用position:absolute實現:

<body style=’margin: 0;font-size: 36px;’> <p id=’bigbox’ style=’position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);’><span>大盒子</span><p id=’smallbox’ style=’position: absolute;width: 500px;height: 500px;background-color: red;bottom: 0;’> <span>小盒子</span></p> </p></body>

javascript - 使用css如何將一個小盒子始終固定在大盒子的底部,大盒子高度為100%,請教。

*要注意的是,大盒子也要設置position,小盒子的position才知道是和誰去對比,如果父級節點找不到position它會繼續向上找直到找到有position的DOM節點

回答4:

固定高度+margin負值

回答5:

大的p絕對定位 小的p 相對定位 bottom 為0 不就可以了嗎

標簽: JavaScript
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
国产精品原创| 91久久久精品国产| 影音先锋久久| 亚洲性视频h| 999久久久国产精品| www.九色在线| 天堂√中文最新版在线| 九九99久久精品在免费线bt| 欧美亚洲一区二区三区| 国产精品亚洲综合在线观看| 91午夜精品| 欧美精品国产一区| 欧美精品97| 国语对白精品一区二区| 精品女同一区二区三区在线观看| 久久av免费看| 国产黄大片在线观看| 国产专区精品| 日韩欧美三级| 国产一区亚洲| 免费视频一区二区| 欧美日韩一区自拍| 免费日韩成人| 欧美日韩尤物久久| 免费人成黄页网站在线一区二区| 亚洲影视一区| 国产欧美日韩精品一区二区三区| 日韩精品电影| 亚洲精品.com| 999国产精品视频| 丝袜美腿一区二区三区| 亚洲一区观看| 日韩在线a电影| 欧美日韩一区二区三区不卡视频| 日本精品在线播放| 国产成人久久精品麻豆二区| 激情中国色综合| 99久久九九| 在线精品视频在线观看高清| 蜜臀精品一区二区三区在线观看| 亚洲欧美网站在线观看| 久久不卡国产精品一区二区| 成人影视亚洲图片在线| 亚洲性视频h| 最近国产精品视频| 蜜桃av一区二区三区电影| 欧美日韩一区二区国产| 免费一级欧美片在线观看网站 | 国产精品多人| 欧美日韩a区| 国产传媒在线| 狠狠久久婷婷| 精品国产亚洲一区二区三区大结局| 黄色在线观看www| 老色鬼久久亚洲一区二区| 亚洲精品亚洲人成在线观看| 国产日产精品_国产精品毛片 | 日韩精品视频在线看| 国产日韩欧美在线播放不卡| 婷婷激情一区| 性一交一乱一区二区洋洋av| 午夜欧美理论片| 婷婷精品在线| 国产视频网站一区二区三区| 天堂网av成人| 中文字幕日本一区| 高清av一区| 99精品美女| 国产日韩欧美高清免费| 久久男人天堂| 日韩激情精品| 日韩欧美精品一区| 亚洲精品欧美| 国产精品黑丝在线播放| 久久中文亚洲字幕| 欧美激情三区| 激情91久久| 精品视频一区二区三区在线观看| 国产欧美日韩免费观看| 亚洲一区二区三区免费在线观看 | 亚洲91视频| 亚洲久久在线| 999国产精品| 国产美女久久| 亚洲一区二区三区高清| 欧美1区二区| 日韩精品一页| 亚洲v在线看| 美女精品视频在线| 欧美天堂亚洲电影院在线观看| 久久99伊人| 日韩欧美在线中字| 日本不卡一区二区| 午夜亚洲福利在线老司机| 国产一区日韩| 国产精品日韩精品在线播放| 欧美日韩国产免费观看| a日韩av网址| 日本免费新一区视频| 成人日韩在线观看| 日韩av一区二区三区| 亚洲天堂成人| 日韩欧美国产精品综合嫩v| 色8久久久久| 国产精品腿扒开做爽爽爽挤奶网站| 欧美激情网址| 国产精品久久久久久妇女| 99在线|亚洲一区二区| 亚洲乱码久久| 国产精品日韩久久久| 国产欧洲在线| 国产日产一区| 亚洲区第一页| 九一国产精品| 91视频精品| 国产亚洲字幕| 亚洲资源网站| 不卡中文一二三区| 久久精品理论片| 久久成人福利| 91成人精品在线| 日本99精品| 免费在线欧美视频| 三级在线观看一区二区 | 亚洲精品**中文毛片| 国产精品片aa在线观看| 国产欧美激情| 亚洲+小说+欧美+激情+另类| 亚洲精品欧洲| 爽好多水快深点欧美视频| 午夜久久影院| 亚洲成av人片一区二区密柚| 日韩欧美另类一区二区| 美女在线视频一区| 精品国产一区二区三区av片| 国产精品一卡| 亚洲人妖在线| 天海翼精品一区二区三区| 亚洲欧美日韩国产一区| 只有精品亚洲| 日韩制服丝袜av| 91福利精品在线观看| 日韩av电影一区| 美女久久久久久 | 麻豆精品久久| 国产精品草草| 久久久久久色| 日韩欧美2区| 国产精品3区| 国产精品一级| 天堂√8在线中文| 日本国产精品| 日韩午夜一区| 日韩在线卡一卡二| 久久激情综合网| 欧美日韩视频免费看| 蜜桃视频在线观看一区| 亚洲免费高清| 国产精品久久久久av电视剧| 亚洲91精品| 婷婷激情综合| 亚欧洲精品视频在线观看| 亚洲精品动态| 精品国产一区二区三区av片| 国产精品久久久久蜜臀| 黑丝一区二区三区| 在线观看视频免费一区二区三区| 国产亚洲电影| 国产videos久久| 亚洲先锋成人| 久久亚洲视频| 久久久久亚洲精品中文字幕| 精品国产一区二| 国产一区二区三区自拍| 夜夜精品视频| 国产福利资源一区| 日本美女一区| 视频一区二区三区中文字幕| 日韩精品中文字幕吗一区二区| 久久精品国产亚洲aⅴ| 麻豆精品蜜桃| 日韩国产精品久久久久久亚洲| 国产精品亚洲欧美一级在线| 桃色av一区二区| 在线亚洲观看| 老色鬼精品视频在线观看播放| 国产99在线| 久久成人亚洲| 91麻豆精品激情在线观看最新 | 亚洲一区有码| 国产激情一区| 热久久免费视频| 你懂的国产精品| 午夜亚洲精品| 欧美aaaaaa午夜精品| 日韩视频免费| 欧美精品国产白浆久久久久| 亚洲无线一线二线三线区别av| 一区二区91| 久久久精品五月天|