`
xujunhappy
  • 浏览: 29798 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

css float:left 认识误区

css 
阅读更多
今天改界面,把原来用table的一段代码改成了div,出现了一个问题,解决后发现自己的原来认为的常识并非正确,在此提醒自己,对盒模型后面要深入了解一番。

原先是一个table,有两行,第一行4个元素,第二行2个元素(确认和取消按钮)。
改成div是,一行一个div,第一行放4个div,第二行放两个div;
第一行的4个div都加上了style="float:left"
结果第二行的确认按钮是跟在第一行,取消按钮是在第二行。
却掉第一行第四个div上style="float:left"后,显示正常。
我以前以为float:left表示当前div往左贴在前面一个块上,现在看上去是指后面一个块,贴在自己的右边。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics