要相对于“视口”(它所在的窗口或框架)定位一个元素,并且忽略该视口如何滚动,您可以使用position:fixed;物业价值(
MDN documentation)。自Internet Explorer 7以来,每个浏览器都支持这一点。
要将元素放置在窗口的左下角,我们还需要指定它应该位于距离底部和左侧0个距离处:
position: fixed;
bottom: 0;
left: 0;
完整例子
.bottom-left {
position: fixed;
bottom: 0;
left: 0;
}
.alert {
border: 2px solid red;
background: white;
font-weight: bold;
padding: 1em;
}
Look at me!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim diam arcu, a gravida justo malesuada et. Fusce iaculis, dui laoreet ultricies congue, arcu lectus rhoncus neque, ut molestie magna augue ut neque. Duis in feugiat ipsum, et imperdiet nunc. Cras convallis lorem eu diam malesuada malesuada. Nunc dapibus suscipit ligul