一、使用position属性
要实现元素的固定不动，最直接的方法就是使用css中的position属性。position属性用于设置一个元素在文档中的定位方式，并通过top、bottom、left、和right属性来调整元素的位置。
可以使用position: fixed;来将一个元素固定在页面上。具体实现如下：
position: fixed;top: 0;left: 0;right: 0;
通过以上代码，可以将一个元素的位置固定在页面顶部。其中，top属性用于设置元素距离视口顶部的距离，left和right属性用于控制元素的宽度，让它沾满整个页面。如果要将元素固定在底部，只需将top换成bottom即可。
二、利用z-index属性
在css中，z-index属性用于控制元素的层次关系。它可以让某个元素置于其他元素之上或之下。
要实现元素的固定不动，还可以利用z-index属性。具体实现方法如下：
position: fixed;z-index: 1000;
通过以上代码，可以将一个元素固定在页面上，并使其在页面中处于最上层的位置。这样就可以确保该元素不会被其他元素所覆盖。
三、使用javascript实现
除了以上两种方法，还可以使用javascript来实现元素的固定不动。具体实现方法如下：
window.onscroll = function() { var div = document.getelementbyid(mydiv); if (window.pageyoffset > 100) { div.style.position = fixed; div.style.top = 0; } else { div.style.position = relative; div.style.top = 100px; }}
通过以上代码，可以将元素的位置固定在页面上，并在滚动时实时监测其位置，实现固定不动的效果。这种方法虽然比前两种方法更为灵活，但也需要一定的javascript编程能力。
总结：
css固定不动是前端开发中非常常见的需求，在实际开发中应用广泛。通过position和z-index属性，以及javascript编程，都可以实现元素的固定不动。需要根据具体的需求选择不同的方法，并结合实际情况进行调整和优化，才能得到最佳的效果。
以上就是怎么用css实现元素的固定不动的详细内容。