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

测试后台页面的添加功能，结果发现按钮怎么也点击不了
在点击编辑按钮的时候光标并不会变成小手指（QQ截图截不到鼠标=，=）：

下面是出问题的代码：

猜测是写了什么奇怪的CSS样式覆盖到了按钮图层的上面，于是查看CSS代码：

果然不出意料，由于float属性的原因，图层被覆盖了。
于是注掉p标签的float属性：

返回页面中再次点击编辑按钮：

果然弹框出现了，问题解决

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