有两种方式；一种是绝对定位方式，一种是通过固定定位方式(固定定位是浮动在浏览器的固定位置的，就是不能随浏览器的滚动而变化，始终在浏览器的底部)； 能用到的css样式：position:absolute;position:fiexd;
VS Code 导入 CSS 文件有以下两种方法：
2. 如果您只想在项目中添加一个外部 CSS 文件，可以右键单击项目文件夹并选择“打开终端”菜单。在终端中，使用命令行工具将 CSS 文件复制到您的项目中，然后打开 VS Code 并将其添加到您的 HTML 文件中。
2、接下来可以无序列表，去除它的默认样式设置浮动就可以了
4、可以使用bootstrap，大家可以看一下具体的代码和详细的注释，这样html的通栏就设置好了。
要将手机横向导航改为竖向导航，可以采取以下几个步骤：
首先，在页面布局设计阶段，将导航元素的CSS样式属性中的display属性设为"block"，使其独立成块，并设置width和height属性以适应手机竖屏显示。
其次，通过添加合适的CSS样式使得导航元素竖直排列，可以使用flex布局或者设置float属性实现。
最后，在导航元素上添加监听事件，当用户点击或滑动时，触发相应的导航目标。通过以上三个步骤的调整与优化，即可将手机横向导航改为竖向，提高用户友好性和导航体验。