当前位置：Gxlcms >
html代码 >
CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
时间：2021-07-01 10:21:17
帮助过：24人阅读
在CSS中，div属于块级元素，每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。所以默认情况下，2个div是无法显示在同一行的，必须通过样式属性去修改。
解决方方法1：display:inline，将其变成行级元素，这样2个div就会排在同一行。
解决方法2：使用float
使用inline，2个div之间默认是有缝隙的，不会刚好贴在一起；使用float，会影响后续的div，必须通过clear清除。
