对css float:left一个错误理解

发布时间:2019-07-24编辑:脚本学堂
今天布局网页时,设置div浮动,出现了一个问题,解决后发现自己的原来认为的常识并非正确,在此提醒自己,对盒模型后面要深入了解一番。

建两个块div,第一块中有4个元素,第二块中有两个元素(确认和取消按钮)。

布局是一行一个div,第一行放4个div,第二行放两个div;
第一行的4个div都加上了style="float:left"

结果第二行的确认按钮是跟在第一行,取消按钮是在第二行。

去掉第一行第四个div上style="float:left"后,显示正常。

以前以为float:left表示当前div往左贴在前面一个块上,现在看上去是指后面一个块,贴在自己的右边。

看来需要对css float这块内容好好研究一下了。