Html 如何将div并排放置

我有几个div，我想把它们放在一起，但是因为它们是阻塞的，所以它们落在了对方的下面。如何修复此问题？

您可以通过以下代码实现此目的：

div.i-like-snuggling {
    /* don't ever leave me */
    display: inline-block;
}

样式=显示：内联块

编辑

---

对于您的启发：

您可以通过以下代码实现这一点：

样式=显示：内联块

编辑

---

供您启发：

添加显示：内联块；将样式添加到那些div中

添加显示：内联块；那些div的样式

您最好的选择是使用css属性float

div { float: left; width: 200px}

比如说。如果未指定宽度，浏览器将渲染其认为适合的宽度，例如子元素的宽度

我一直认为这篇文章是很好的参考：

---

正如其他人所建议的，您也可以使用display:inline块。这取决于你想要达到什么效果

最好的选择是使用css属性float

div { float: left; width: 200px}

比如说。如果未指定宽度，浏览器将渲染其认为适合的宽度，例如子元素的宽度

我一直认为这篇文章是很好的参考：

---

---

正如其他人所建议的，您也可以使用display:inline块。这取决于你想要达到什么效果

最好的方法是使用float:left，但在某些情况下，您可能会使用SPAN而不是DIV

最好的方法是使用float:left，但在某些情况下，您可能会使用SPAN而不是DIV

或者绝对定位是您的最佳选择。我们不知道你的HTML是什么样子的

或者绝对定位是您的最佳选择。我们不知道你的HTML是什么样子的

Nooooo彩车是邪恶的。与中一样，它们造成的问题比解决的问题多得多。它们将元素从布局中折叠出来。它们非常适合它们最初的预期用途：在一本书中的长串文本和图片旁边浮动。但它们从来就不是一种布局机制，因此滥用它们会导致各种讨厌的东西，比如臭名昭著的clearfix。啊，所以它们本身不是邪恶的！就像表、块引号和水平规则一样，它们也有自己的位置。只要你不虐待他们，对。但是，把两个div放在一起是一种虐待。noooo float是邪恶的。与中一样，它们造成的问题比解决的问题多得多。它们将元素从布局中折叠出来。它们非常适合它们最初的预期用途：在一本书中的长串文本和图片旁边浮动。但它们从来就不是一种布局机制，因此滥用它们会导致各种讨厌的东西，比如臭名昭著的clearfix。啊，所以它们本身不是邪恶的！就像表、块引号和水平规则一样，它们也有自己的位置。只要你不虐待他们，对。但是把两个div放在一起是一种滥用。如果div的高度不一样，或者它们有特殊的边距/填充需求，你可能会遇到问题……没错，了解更多关于Petter Hermansen试图实现的目标的细节会很有趣。如果div的高度不一样，你可能会遇到问题，或者他们有特殊的边距/填充需求…没错，了解更多关于Petter Hermansen试图实现的目标的细节会很有趣。我从来没有听说过属性stytle。这是HTML6吗？@Liam亲爱的Liam，你有点过时了：@Christoph如果浏览器真的支持它，我会相信的HTML5的渗透是什么？有多少用户仍然在使用IE5，等等。不过还是很有趣。首先我听说了@Liam看看那篇帖子上的日期：我从来没有听说过属性Style。这是HTML6吗？@Liam亲爱的Liam，你有点过时了：@Christoph如果浏览器真的支持它，我会相信的HTML5的渗透是什么？有多少用户仍然在使用IE5，等等。不过还是很有趣。首先我听说了@Liam看一下那个帖子上的日期：正如许多答案中所述，最好包含代码。就你现在的问题而言，有很多有效的答案，但如果你的问题没有更多细节，任何人都不可能找到适合你情况的最佳答案。欢迎来到SO：正如许多答案中所述，最好包含您的代码。就你现在的问题而言，有很多有效的答案，但如果你的问题没有更多细节，任何人都不可能找到适合你情况的最佳答案。欢迎来到SO：我喜欢这个家伙！绝对定位…我喜欢这个家伙！绝对定位。。。