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

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

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

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

举例:

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

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

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


效果:

相关推荐
李贺梖梖12 小时前
CSS学习
前端·css
蚂小蚁13 小时前
一文吃透:宏任务、微任务、事件循环、浏览器渲染、Vue 批处理与 Node 差异(含性能优化)
前端·面试·架构
狼性书生13 小时前
uniapp实现的Tab 选项卡组件模板
前端·uni-app·vue·组件·插件
吃饺子不吃馅13 小时前
前端画布类型编辑器项目,历史记录技术方案调研
前端·架构·github
拜晨13 小时前
使用motion实现小宇宙贴纸墙效果
前端·交互设计
拜晨13 小时前
使用motion实现小宇宙节目广场的效果
前端·交互设计
知花实央l14 小时前
【Web应用实战】 文件上传漏洞实战:Low/Medium/High三级绕过(一句话木马拿webshell全流程)
前端·学习·网络安全·安全架构
华仔啊14 小时前
JavaScript + Web Audio API 打造炫酷音乐可视化效果,让你的网页跟随音乐跳起来
前端·javascript
鸡吃丸子14 小时前
SEO入门
前端