国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

css - 如何把一個視圖放在左浮動定位的視圖的上面?

瀏覽:132日期:2023-01-27 18:51:49

問題描述

我想把一個紅色的視圖放在左浮動視圖的上面,但是看不見了這個紅色視圖,下面是我的代碼,多謝指導。

<!DOCTYPE html><html lang='en'><head> <title>Heors - How To Convert a PSD Template TO HTML5/CSS3</title> <meta charset='utf-8'> <meta name='author' content='pixelhint.com'> <meta name='description' content='Heros - Learn How To Convert a PSD Template TO HTML5/CSS3'/><style media='screen'> .red {width: 300px;position: absolute;text-align: center;bottom: 80px;z-index: 9999;background-color: red; } .wrapper {width: 300px;height: auto;position: relative; } .yellow{width: 300px;float: left; height: 600px; background-color: yellow; }</style></head><body> <p class='wrapper'><p class='yellow'> 左浮動</p><p class='red'> <p>絕對定位距底部80px</p></p> </p></body></html>

問題解答

回答1:

樓主,你仔細看看你父元素wrapper的高度為多少?這是為什么呢?因為你yellow左浮動了,脫離文檔流,red絕對定位也已經(jīng)脫離文檔流了,所以你red定位在bottom:80px沒什么屌用,因為父元素高度都沒有,它上哪去找80px的底部來定位。所以,你要解決的方法就是,動用你勤勞的小手,給父元素wrapper加上overflow:hidden;(溢出隱藏)

回答2:

.red {width: 300px;position: absolute;text-align: center;bottom: 80px;z-index: 9999;background-color: red; } 改成: .red {width: 300px;position: absolute;text-align: center;top: 0;z-index: 9999;background-color: red; }

標簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 亚洲国产精品久久人人爱 | 国产精品久久久久久久久久久搜索 | 日本一级在线播放线观看免 | 久久人人草 | 91香蕉国产线在线观看免费 | 久久在线免费观看 | a久久99精品久久久久久不 | 国产精品19p | 手机免费看毛片 | 国产va精品网站精品网站精品 | 最新国产三级在线观看不卡 | 久久这里一区二区精品 | 色黄啪啪18周岁以下禁止观看 | 亚洲视频免费播放 | a级片在线免费播放 | 国内国产真实露脸对白 | 在线播放波多野结衣 | 在线观看亚洲精品国产 | 亚洲天码中文字幕第一页 | aaa毛片手机在线现看 | 国产99久久九九精品免费 | 久久久久久国产精品免费免费 | 欧美视频一区二区 | 国产三级三级三级三级 | 国产成人精品aaaa视频一区 | 91资源在线播放 | 特黄日韩免费一区二区三区 | 中文字幕欧美在线观看 | 日本一级高清不卡视频在线 | 久色精品 | 日韩久久网 | 在线视频一二三区 | 台湾三级香港三级经典三在线 | 草草国产成人免费视频 | 欧美另类videosbestsex高清 | 亚洲中文字幕特级毛片 | 亚洲无色| 久久99这里只有精品国产 | 亚洲第一成年网站大全亚洲 | 免费观看欧美一级片 | 国产精品日韩欧美在线第3页 |