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

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

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

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

举例:

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

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

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


效果:

相关推荐
weixin_471525781 分钟前
【学习嵌入式day-17-数据结构-单向链表/双向链表】
前端·javascript·html
jingling55513 分钟前
Git 常用命令指南:从入门到高效开发
前端·javascript·git·前端框架
索西引擎15 分钟前
【前端】网站favicon图标制作
前端
程序员海军22 分钟前
告别低质量Prompt!:字节跳动PromptPilot深度测评
前端·后端·aigc
华洛23 分钟前
关于可以控制大模型提升任意产品的排名这件事📈
前端·github·产品经理
Yanc24 分钟前
翻了vue源码 终于解决了这个在SFC中使用tsx的bug
前端·vue.js
nujnewnehc28 分钟前
失业落伍前端, 尝试了一个月 ai 协助编程的真实感受
前端·ai编程·github copilot
大熊学员31 分钟前
HTML 媒体元素概述
前端·html·媒体
好好好明天会更好33 分钟前
那些关于$event在vue中不得不说的事
前端·vue.js
默默地离开42 分钟前
CSS定位全解析:从static到sticky的5种position属性详解(第五回)
前端·css