1、CSS中,div属于块级元素,默认独占一行,一行内添加一个div,之后再加一个div,第二的div将另起一行。所以默认情况下,两个div不能在同一行显示。
如下图所示,两个div换行显示

2、解决方法一:在需要同行显示的div中添加display:inline属性
具体如图,左边为代码,右边为效果图

3、解决方法二:使用float属性,float:left。也可以为float的其它属性值
具体操作图

时间:2026-02-15 23:04:27
1、CSS中,div属于块级元素,默认独占一行,一行内添加一个div,之后再加一个div,第二的div将另起一行。所以默认情况下,两个div不能在同一行显示。
如下图所示,两个div换行显示

2、解决方法一:在需要同行显示的div中添加display:inline属性
具体如图,左边为代码,右边为效果图

3、解决方法二:使用float属性,float:left。也可以为float的其它属性值
具体操作图
