[分享]css元素永远在页面上角

在Web设计中，我们经常遇到需要将某些元素永远固定在页面上角的情况，比如logo、导航等，这时候我们可以使用CSS来实现。: fixed; top: 0; left: 0; 上述代码中的属性设置为fi...

在Web设计中，我们经常遇到需要将某些元素永远固定在页面上角的情况，比如logo、导航等，这时候我们可以使用CSS来实现。

position: fixed;
top: 0;
left: 0; 

上述代码中的position属性设置为fixed，表示该元素的位置是固定不变的，无论页面如何滚动，该元素也不会跟随滚动。

然后我们就需要设置该元素的top和left值，分别表示元素与页面顶部和左侧的距离。在上述代码中，我们将top和left都设为0，这样就可以将该元素固定在页面的左上角。

需要注意的是，使用position: fixed的元素脱离了文档流，可能会对其他元素造成影响，所以我们需要谨慎使用。