项目开发时,涉及到的css样式

本文章,主要用来收集vue项目开发时,遇到的各种css样式问题。

1、如何让容器的高度等于浏览器窗口的高度?

问题描述:我们的微软浏览器和谷歌浏览器的窗口高度不一致,但是我们想无论打开哪个浏览器,都让我们项目的菜单容器的高度等于窗口的高度。
解决办法:

举例:

2、 如果容器里的内容超出了容器本身的范围,那么应当显示滚动条

问题描述:如下图,粉色盒子的内容,超出了盒子的范围,都溢出了。这显然是不合适的。

解决方案:使用如下css样式


效果:

相关推荐
古夕5 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js
朦胧之5 小时前
页面白屏卡住排查方法
前端·javascript
用户593608741405 小时前
Playwright 黑魔法:用 ClipboardEvent 绕过 React 富文本编辑器
前端
石山岭6 小时前
自己动手写了一个 Android 虚拟定位 App:GPSSimulate 技术实
android·前端
犇驫聊AI6 小时前
Chrome DevTools MCP + Claude Code 自定义skills生成接口代码生成器
前端·javascript
kyriewen6 小时前
别再这样写 async/await 了:我在 Code Review 中见过最多的 8 个错误
前端·javascript·面试
hoLzwEge7 小时前
node-linker VS shamefully-hoist
前端·前端框架
袋鱼不重7 小时前
解决 Web 端图片预览与下载颜色不一致的一种工程方案
前端·后端
风止何安啊7 小时前
教你用 JS + AI 实现简单的爬虫,零门槛爬取网页信息
前端
cidy_987 小时前
codebase-memory-mcp 新手完全教程:让 AI 真正「理解」你的代码库
前端