div的横向与纵向排列解析

访客 阅读:247 2021-03-31 23:26:14 评论:0

<div>
  <div style="float:left">aaaaaaaaaaaaaa</div>
  <div style="float:left">bbbbbbbbbbbbbb</div>
以上这两个div就是横向排列。
  <div style="clear:both"></div>这个东西很重要,它清除上两个层的浮动,也就是说以下的层就继续垂直排列了。
  <div>这个层就垂直排列了</div>
<div>这个层就垂直排列了</div>
</div>
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
KIKK导航

KIKK导航

关注我们