html+css写了一个nav弹窗但是老是出问题help😭

第一，题主画下需要什么样的排版，到底哪里出问题
第二，不要发截图，没法调试，还得打一遍代码降低解决问题的速度。

由于使用到float布局，要注意清除浮动，防止内容塌陷。

CSS float浮动规则以及父元素高度塌陷的解决方法_码飞_CC的博客-CSDN博客_css float 高度塌陷本文不讲float的所有内容，只浅谈float对不同高度块之间浮动结果的规则以及父元素高度塌陷的解决方法。首先看一个小问题，就是float会导致父容器的高度塌陷，如下代码：<style> .container { border: solid red 1px; } .fl { float: left; ...

https://blog.csdn.net/cc18868876837/article/details/79925666

CSS中float造成的浮动“塌陷”问题的解决办法_uuihoo的博客-CSDN博客_css float塌陷 1.解决因float浮动造成“塌陷”问题的css代码：.clearfix{zoom:1;} .clearfix:after{content:".";display:block;visibility:hidden;height:0;clear:both;} 2. html实例代码：<!DOCTYPE html><html lang="en"><head>...

https://blog.csdn.net/uuihoo/article/details/79591751