新建一个html文件，命名为test.html，用于讲解html中怎么用CSS固定一个div模块位置不变。
在test.html页面中，创建一个div模块，并在div内写上测试的文字，用于测试。
在test.html页面中，使用css设置div的宽度为100%，高度为100px。 代码如下：
在test.html页面中，使用css设置div内的文字垂直、水平居中，并设置文字的大小为30px。代码如下：
在test.html页面中，使用css设置div内的文字颜色为白色，同时设置div的背景颜色为红色。代码如下：
最后，在test.html页面中，使用css设置div的位置属性为absolute，即在页面中固定位置，并使用bottom设置div固定在页面的底部。
在浏览器打开test.html页面，可见，div成功固定在页面的底部。
将它的值设为 hidden 将隐藏我们的元素。
如同 opacity 属性，被隐藏的元素依然会对我们的网页布局起作用。
与 opacity 唯一不同的是它不会响应任何用户交互。
此外，元素在读屏软件中也会被隐藏。
还有一种是注释的办法，注释掉的代码在界面上看不到，不过代码也不运行。
小组件盒子指的是电脑或手机屏幕上可拖动的小组件，如果您想隐藏它们，具体方法如下：
1. 对于电脑：在桌面上右键单击空白处，选择"查看"-"小图标"，这会将您桌面上的所有小组件隐藏。如果您只需要隐藏部分小组件，则可以右键单击特定的小组件，选择"删除"或"移动到回收站"，这样您就可以将其从桌面上删除。
2. 对于手机：通常情况下，您可以长按主屏幕上的小组件，然后将其拖动到屏幕下方的"删除"图标或"移除"文本上。如果您想要隐藏整个小组件页面，可以长按空白处，选择"主屏设置"或"主屏幕设置"，然后选择"小组件"，将其关闭即可。
需要注意的是，不同的操作系统可能会有不同的操作步骤，具体步骤可能略有不同。
如果您想在计算机桌面上隐藏小组件盒子，可以按照以下步骤进行：
1. 选择桌面空白处，单击右键打开右键菜单。
2. 在右键菜单中选择“查看”，然后取消勾选“小组件”。
3. 如果当前未显示小组件盒子，则将鼠标移动到桌面的右侧，直到一个透明控件栏出现。
4. 单击透明控件栏上的“小组件”按钮，以再次显示小组件盒子。
如果您使用的是其他操作系统或桌面环境，请参考相应的用户手册了解如何在该环境中隐藏小组件盒子。