解决引入datetimepicker按钮大小和input框高度不一致和layer弹出层top定位值太大问题

最新推荐文章于 2024-06-15 08:00:00 发布

StandByMeQuan

最新推荐文章于 2024-06-15 08:00:00 发布

阅读量1.5k

点赞数 1

分类专栏： Web 文章标签： datetimepicker html

本文链接：https://blog.csdn.net/qq_37872792/article/details/108126985

版权

5 篇文章 0 订阅

订阅专栏

今天遇到了这个两个问题

一开始找不到哪里兼容的问题，然后看同事的代码和我一样的，为啥他的就是正常的呢？而我的datetimepicker的按钮高度明显和input框的高度不一样，矮了一截。

给datetimepicker的按钮高度写行内样式，给padding填充，然后高度一致了，
天真了以为这样就解决了。

在这里插入图片描述

这个问题先放一段落，之后又遇到了一个layer弹出层的问题
就显示一个遮罩层，黑黑的，div咋没有呢？
在这里插入图片描述

遇到问题，第一个，f12看看有没有报错误，
在这里插入图片描述

没看到有错误报，然后就想，是不是div隐藏了呢？还是什么原因，看看弹出层div的样式先，
结果发现，top定位好奇怪，我html页面都没有这么高，top一千两百多像素，
在这里插入图片描述

什么情况，为啥会这样，然后我改它的top值改成0，div出来了，确定了原因就是这个top定位导致这个问题，div看不到。
在这里插入图片描述

然后就百度，看看，结果遇到了，一个博主说是因为<!DOCTYPE html>不是放在第一行的原因，一看，我的jsp文件，的确不是放在第一行，
在这里插入图片描述

然后把它移到第一行，
在这里插入图片描述

在刷新一下页面，在试一下，发现解决了。
在这里插入图片描述

同时，同事跟我说，那个datetimepicker的按钮高度和input框高度不一致他也是这样改的，然后我再次尝试，发现真的是这个原因。
在这里插入图片描述

改之后，使用行内样式的高度超过了input框，没有使用行内样式的和input框高度一致。

提示和注释

注释：<!DOCTYPE> 声明没有结束标签。
提示：<!DOCTYPE> 声明对大小写不敏感。

关注

专栏目录