如何将DIV放在彼此旁边

Question

我有几个DIV我想要彼此相邻，但因为它们是阻挡的，它们会相互淹没。我该如何解决这个问题？

Answer 1

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

Answer 2

您可以使用以下代码实现此目的：

风格= “显示：内联块”;

修改

为您的启发：http://www.w3schools.com/html/html_styles.asp

Answer 3

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

Answer 4

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

Answer 5

为这些div添加display: inline-block;样式

Answer 6

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

div { float: left; width: 200px}

例如，

。如果未指定宽度，浏览器将呈现感觉合适的宽度（例如，子元素的宽度）。

我总是发现这篇文章是一个很好的参考：http://css.maxdesign.com.au/floatutorial/introduction.htm

根据其他人的建议，您也可以使用display:inline-block。这有点取决于你想要达到的效果。