如何将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放在浏览器的右下角？

回答

相关问题