关于使用CSS的float属性后导致button按钮无法点击问题解决

时间:2024-03-22 22:06:07

测试后台页面的添加功能,结果发现按钮怎么也点击不了
在点击编辑按钮的时候光标并不会变成小手指(QQ截图截不到鼠标=,=):
关于使用CSS的float属性后导致button按钮无法点击问题解决
下面是出问题的代码:
关于使用CSS的float属性后导致button按钮无法点击问题解决
猜测是写了什么奇怪的CSS样式覆盖到了按钮图层的上面,于是查看CSS代码:
关于使用CSS的float属性后导致button按钮无法点击问题解决
果然不出意料,由于float属性的原因,图层被覆盖了。
于是注掉p标签的float属性
关于使用CSS的float属性后导致button按钮无法点击问题解决
返回页面中再次点击编辑按钮:
关于使用CSS的float属性后导致button按钮无法点击问题解决
果然弹框出现了,问题解决

因为自己并不是搞前端的,对css也只是处于了解,会百度的程度,这次解决问题也纯属是靠感觉=,=,如果有哪里不严谨的地方还敬请各位前端大佬指正ε=ε=ε=ε=ε=ε=┌(; ̄◇ ̄)┘