本文共 478 字，大约阅读时间需要 1 分钟。

我们知道，在css布局模型中，分为三个类型：

1、流动模型（Flow）

其中流动模型是网页中默认的布局模型，那如果我们想让两个块状元素并排显示，就需要用到浮动模型了。

假设我们现在有两个“盒子”，在网页中默认的形式应该是这样的：

但现在我们需要让这两个盒子并排显示，比如这样：

我们就可以使用下面的代码，让两个块状元素靠左并排

	    
               
   
    第一个块状元素
   
    
   
    第二个块状元素
   

 同理，如果把

#div1,#div2{        float:left;    }

改为

#div1,#div2{        float:right;    }

那么两个块状元素就会靠右并排显示

如果我们想让两个元素一个靠左一个靠右显示，就可以使用下面的代码

	    
               
   
    第一个块状元素
   
    
   
    第二个块状元素
   

效果如下

转载地址：https://blog.csdn.net/weixin_53379398/article/details/119044827 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！