html兩個盒子為什么重疊顯示？

html兩個盒子重疊顯示的原因及解決方式如下

1、兩個均使用float浮動屬性

對.left和.nofloat設置float屬性，解決遮擋層疊。(

同級div都是有float這樣即可不重疊排版

2、兩個都不使用浮動屬性。

兩個div都不設置float浮動，解決重疊問題

3、第一個div設置float，第二個div設置margin屬性利用間距讓其不重疊

這種方法也是布局常用的，前提是帶float要設置寬度，同時不帶float的div設置margin屬性，利用間距方法，讓沒有設置float的div錯開設置float，實現div不重疊。

利用flaot浮動與margin間距實現div重疊遮擋