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

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

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

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

举例:

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

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

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


效果:

相关推荐
wanhengidc19 分钟前
服务器租用:高防CDN和加速CDN的区别
运维·服务器·前端
哆啦刘小洋1 小时前
HTML Day04
前端·html
行云流水剑1 小时前
【学习记录】Element UI导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js
css·学习·ui
再学一点就睡1 小时前
JSON Schema:禁锢的枷锁还是突破的阶梯?
前端·json
从零开始学习人工智能3 小时前
FastMCP:构建 MCP 服务器和客户端的高效 Python 框架
服务器·前端·网络
烛阴3 小时前
自动化测试、前后端mock数据量产利器:Chance.js深度教程
前端·javascript·后端
好好学习O(∩_∩)O3 小时前
QT6引入QMediaPlaylist类
前端·c++·ffmpeg·前端框架
敲代码的小吉米3 小时前
前端HTML contenteditable 属性使用指南
前端·html
testleaf3 小时前
React知识点梳理
前端·react.js·typescript
站在风口的猪11083 小时前
《前端面试题:HTML5、CSS3、ES6新特性》
前端·css3·html5