如何將div放在瀏覽器的右下角？

我想把我的div放在屏幕上的位置右下一些筆記將被顯示所有的時間。如何將div放在瀏覽器的右下角？

我用下面的CSS吧：

#foo 
{ 
    position: fixed; 
    bottom: 0; 
    right: 0; 
}

它正常工作，採用三價鉻和Firefox 3.6，但IE8吸...

什麼可以爲它合適的解決方案？

來源

2010-09-01 KoolKabin

你正在使用什麼DOCTYPE？思考IE的「兼容性」模式 – sewa 2010-09-01 09:29:05

無...應該使用哪一個？ – KoolKabin 2010-09-01 09:31:00

關於你的IE6評論，IE6不理解'position：fixed;'。所以你要做的是包含div的'position：relative;'填充整個屏幕，然後用'position：absolute;'定位你想要的div。但是，如果您的網站向下滾動，則需要在IE6中使用CSS表達式來將div停靠在右下角。 – Strelok 2010-09-01 09:44:15

這段代碼在IE7中工作至少

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>Test</title> 
<style> 
    #foo { 
    position: fixed; 
    bottom: 0; 
    right: 0; 
    } 
</style> 
</head> 
<body> 
    <div id="foo">Hello World</div> 
</body> 
</html>

來源

2010-09-01 09:33:18 sewa

thnx swa它的工作......但如何處理IE6 – KoolKabin 2010-09-01 09:34:57

@sewa ......非常感謝你......這對我有效。 – Ziggler 2016-04-20 16:06:55

試試這個：

#foo 
{ 
    position: absolute; 
    top: 100%; 
    right: 0%; 
}

來源

2010-09-01 09:30:46 Cipi

我認爲這將使頂部邊緣低於父元素的底部邊緣。 – 2010-09-01 09:32:42

第100％是screen.height - element.height。 – Cipi 2010-09-01 10:16:25

我沒有IE8測試了這一點，但我敢肯定它應該工作：

<div class="screen"> 
    <!-- code --> 
    <div class="innerdiv"> 
     text or other content 
    </div> 
</div>

和CSS：

.screen{ 
position: relative; 
} 
.innerdiv { 
position: absolute; 
bottom: 0; 
right: 0; 
}

這應該將.innerdiv放在.screen類的右下角。我希望這有助於:)

來源

2013-06-30 20:05:25 Morgoth

如何將div放在瀏覽器的右下角？

回答

相關問題