国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 精品自拍视频 | 2019偷偷狠狠的日日 | 成人久久影院 | 成人免费福利片在线观看 | 韩国美女爽快一级毛片黄 | 亚洲国产夜色在线观看 | 在线观看日本污污ww网站 | 欧美激情综合亚洲一二区 | 思99re久久这里只有精品首页 | 美女被免费网站在线软件 | 韩国美女爽快毛片免费 | 91亚洲精品久久91 | 狠狠88综合久久久久综合网 | 欧美日韩精品一区二区三区视频在线 | 成人性一级视频在线观看 | 韩国三级大全久久网站 | 日本一区二区三区不卡在线视频 | 亚洲成a人片在线看 | 欧洲一级鲁丝片免费 | 国产成人看片免费视频观看 | 久久综合中文字幕一区二区三区 | 久久国产精品一区二区三区 | 国产高清在线精品 | 日本亚洲欧美国产日韩ay高清 | 国产午夜精品不卡视频 | 亚洲国产精品ⅴa在线观看 亚洲国产精品aaa一区 | 国产在线观看免费一级 | 国产亚洲一级精品久久 | 久久久久久久久一级毛片 | 精品国产欧美另类一区 | 欧美黄www免费 | 99爱在线精品视频网站 | aa级毛片毛片免费观看久 | 亚洲乱码一二三四五六区 | 亚洲成人性视频 | 美国一级毛片oo | 成人伊人青草久久综合网 | 性欧美高清come | a国产片| 日韩一区二区在线观看 | 久久影视一区 |