/* 设置底部 */
#footer{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50px;
}在上面的代码中，大家使用了绝对定位，使得底部可以固定在页面底部。通过设置“bottom: 0”属性，大家可以让它紧贴着底部，而“left: 0”和“right: 0”属性可以让它默认填满整个屏幕宽度。最后，大家设置了一个高度值来确保它不会覆盖页面上的其他元素。
/* 设置顶部 */
#header{
position: fixed;
top: 0;
left: 0;
right: 0;
height: 80px;
z-index: 999;
}与底部相反，顶部的设计通常需要使用“固定”定位，这可以确保即使页面向下滚动，它仍然保持在用户的视线范围内。使用“top: 0”属性即可将它固定在页面顶部，而“z-index”属性可以确保它在其他元素之上。同样，大家也需要设置一个高度值来给它确定高度。
总之，底部和顶部都是构成良好网站的重要部分，他们的设计应该被重视。CSS提供了一些简单但有效的方法来控制这些元素的布局，希望大家可以理解并善加利用。