这个el main里面的高度 怎么设置为100%,el main,padding 20px,但是elmain下边没有padding
element 高度问题
这个el main里面的高度 怎么设置为100%,el main,padding 20px,但是elmain下边没有padding
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- wusp1994 2023-04-06 10:36关注
如果您想要让el-main组件的高度设置为100%,并让底部没有padding,请尝试以下代码:
<template> <div class="container"> <el-main class="main-content"></el-main> </div> </template> <style> .container { height: 100%; } .main-content { height: calc(100% - 40px); padding: 20px; box-sizing: border-box; } </style>
在上面的代码中,我们使用calc函数来计算el-main组件的高度,它减去底部的20像素填充和20像素顶部填充。 box-sizing:border-box属性可以确保填充和边框不会影响元素的总宽度和高度。最后,将容器的高度设置为100%,以确保父容器高度的撑满整个屏幕。
希望这个解决方案对您有所帮助。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 对接wps接口实现获取元数据
- ¥20 给自己本科IT专业毕业的妹m找个实习工作
- ¥15 用友U8:向一个无法连接的网络尝试了一个套接字操作,如何解决?
- ¥30 我的代码按理说完成了模型的搭建、训练、验证测试等工作(标签-网络|关键词-变化检测)
- ¥50 mac mini外接显示器 画质字体模糊
- ¥15 TLS1.2协议通信解密
- ¥40 图书信息管理系统程序编写
- ¥20 Qcustomplot缩小曲线形状问题
- ¥15 企业资源规划ERP沙盘模拟
- ¥15 树莓派控制机械臂传输命令报错,显示摄像头不存在