设置了 box-sizing: border-box； 不管用，下边框还是被挤压没了

发布时间：2026/10/26 10:29:12

设置了 box-sizing: border-box； 不管用，下边框还是被挤压没了
divheight: 100vh; width: 100vw;包裹一个 input height: 100vh; width: 100vw;input 设置了边框 border: 1px solid rgb(234, 11, 11); 但显示效果下边框被挤没了没有显示。设置了 box-sizing: border-box; 但是没用渲染不对。猜测可能是这个原因当宽度或高度使用百分比时浏览器可能无法正确计算盒模型。没办法只能想一些笨办法了。解决方法一设置 height 为动态的height: shadow ? 100vh : calc(100vh - 1px)但是需要依赖变量判断变量多了会出 bug。解决方法二height 值变小height: 96vh看着没变化是因这外面 div 设置透明的所以不影响。div 加了背景色是上面效果不影响显示还可以接受。

相关新闻

星云ERP中小企业高效管理的源码，需要遵循开源协议

星云ERP中小企业高效管理的源码，需要遵循开源协议

源码简介： 功能描述 系统管理： 系统设置、菜单、部门、角色、 岗位、用户、操作日志 基础信息： 仓库、供应商、客户、会员基础信息 商品中心： 商品主数据、类目、品牌、销售属性、属性（自定义属性） 采购管…

2026/10/24 8:10:43 阅读更多 →
SkynexUI Button 按钮组件实战：5 种样式变体与交互状态全解析

SkynexUI Button 按钮组件实战：5 种样式变体与交互状态全解析

SkynexUI Button 按钮组件实战：5 种样式变体与交互状态全解析 【免费下载链接】components ⚛️ Deliver UI for Web and Mobile platforms without taking care about complexity on how to style there. Its based in React and Flutter and uses the core of CSS…

2026/10/25 22:01:42 阅读更多 →
5分钟快速上手AnimateLCM：从零安装到生成第一个AI动画视频的完整教程

5分钟快速上手AnimateLCM：从零安装到生成第一个AI动画视频的完整教程

5分钟快速上手AnimateLCM：从零安装到生成第一个AI动画视频的完整教程 【免费下载链接】AnimateLCM [SIGGRAPH ASIA 2024 TCS] AnimateLCM: Computation-Efficient Personalized Style Video Generation without Personalized Video Data 项目地址: https://gitcod…

2026/10/24 22:45:22 阅读更多 →

最新新闻

Electron桌面应用开发实战：从环境搭建到打包发布全流程

Electron桌面应用开发实战：从环境搭建到打包发布全流程

做前端这些年，我大部分时间都在跟浏览器标签页打交道，直到第一次把桌面应用跑起来，才发现原来自己一直被限制在地址栏和刷新按钮围起来的框框里。Electron这个词，最开始是在某段时间频繁出现在同事的讨论里，一个用HTML…

2026/10/26 12:00:21 阅读更多 →
滑盖智能锁T109深度解析：结构原理、安装调试与故障排查

滑盖智能锁T109深度解析：结构原理、安装调试与故障排查

简介：亚太天能T109滑盖智能锁产品说明书是一份PDF格式的官方技术文档，主要面向智能锁安装人员、终端用户及售后维护者，帮助快速掌握产品安装、配置与常见故障处理。全包仅1个PDF文件，大小4.37MB，内容结构清晰&#xff…

2026/10/25 22:36:10 阅读更多 →
PMSM弱磁控制原理与Simulink建模：高速AGV驱动系统设计指南

PMSM弱磁控制原理与Simulink建模：高速AGV驱动系统设计指南

上个月我在调试一台高速AGV的驱动系统，整车要求空载跑到8m/s，电机转速已经拉到额定点，驱动器的输出电压也顶到了母线电压极限附近。再往上踩速度指令，转速纹丝不动，三相电流反而开始震荡。那会儿我的第一反应就是&…

2026/10/26 4:52:12 阅读更多 →
C++核心知识点：从内存管理到STL的实战指南

C++核心知识点：从内存管理到STL的实战指南

C 这门语言我前前后后折腾了十几年，用它写过嵌入式驱动、做过游戏服务端，也搭过基础组件库。每次看到新人一头扎进"C 核心知识点"这个搜索词，我其实挺感慨的——这门语言的难点从来不是语法多，而是知识点之间的耦合太深…

2026/10/26 12:00:21 阅读更多 →
T109滑盖智能锁怎么装？安装调试与故障排查全攻略

T109滑盖智能锁怎么装？安装调试与故障排查全攻略

简介：亚太天能T109滑盖智能锁产品说明书以PDF格式发布，适合智能锁用户、安装人员与售后维修人员阅读。内容围绕T109系列指纹密码刷卡锁展开，先介绍前面板、后面板、锁体、机械钥匙、电池盒盖等部件名称与功能，再给出完整安装步骤&…

2026/10/26 5:00:37 阅读更多 →
LLM知识降熵：从信息垄断到理解权下放

LLM知识降熵：从信息垄断到理解权下放

你有没有过这种经历：翻开源码注释、论文摘要或者一份专业报告，每个字都认识，连在一起却像天书。想找人聊聊，身边要么没人懂，要么懂的懒得跟你解释。后来我试着把同一段内容丢给一个大语言模型，几秒钟之后&a…

2026/10/26 3:16:46 阅读更多 →

日新闻

周新闻

月新闻

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/26 12:00:19 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/25 13:21:54 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/26 8:34:37 阅读更多 →