刚自学前端不久,在做一个综合页面布局的时候,就遇到了浮动布局的问题。就是我下面的div老是跑到我上面的区域。这是因为我上面的区域加了浮动,浮动不实际占有位置,自然而然,后面的div会跑上去,那么可以通过清除浮动轻松解决问题。可以参考b站视频https://www.bilibili.com/video/BV1qW411P7Lj?from=search&seid=15179760462787942422
另外,浮动常用于横排布局,是紧挨着上一个盒子的,可以使用margin来拉开距离,加了浮动的盒子一般来说是不适合给高度的,可以用div去撑开盒子,或者用内容去撑开。
另外关于浮动也可以参考w3school文档