当编程盒子（或其他元素）上浮时，通常是因为它的父元素没有正确清除浮动。以下是几种清除浮动的方法：
额外标签法
在所有浮动元素下方添加一个带有 `clear: both；` 属性的空元素。这种方法虽然简单，但会增加无意义的标签，使结构变得混乱。
使用 `overflow` 属性
给父元素添加 `overflow: hidden；`、`overflow: auto；` 或 `overflow: scroll；` 属性。这种方法可以触发 BFC（块级格式化上下文），从而防止浮动对后续元素的影响。
伪元素清除法
在父元素上添加一个伪元素，例如 `::after`，并设置 `content: ""； display: block； clear: both；`。这种方法不会增加额外的标签，结构更简洁，是现代 CSS 布局中常用的方法。
双伪元素清除法
在父元素上添加两个伪元素，例如 `::before` 和 `::after`，并分别设置 `content: ""； display: table； clear: both；`。这种方法同样不会增加额外的标签，且效果可靠。
建议
推荐使用伪元素清除法，因为它既简洁又有效，不会破坏页面的结构。
如果父元素需要显示溢出内容，则 `overflow: hidden；` 不是最佳选择，可以考虑使用 `overflow: auto；` 或 `overflow: scroll；`。
通过以上方法，可以有效解决编程盒子上浮的问题，确保页面布局的正常显示。