Question

如何让两个div并排出现？我希望第一个div出现在左边，第二个出现在它旁边。

<div class="first">first</div>
<div class="second">second</div>

我想要的是什么：

第一秒

我得到了什么：

第一

   第二

表格解决方法：

<table>
    <tr>
        <td>first</td>
        <td>second</td>
    </tr>
</table>

如何使两个div表现得像这两个表格单元格？

Answer 1

你只需要向你的第一个div添加浮动，它就会起作用！

Answer 2

你可以使用

 float:left

Answer 3

基本上有两种技术。

使用float。为您的元素指定一个浮动值（left | right），它们将像基于可用空间的内联元素一样一个接一个地跨越。缩小：floating会破坏页面的正常流程，因此您必须使用clearfix方法将父容器作为其内容。（实际上并不是那么糟糕）
使用inline-block。将display:inline-block分配给块元素，使它们一个接一个地跨越，就像基于可用空间的“内联”元素一样。 缩小：标记中的每个“新行”都被视为带有内嵌块元素的空格，从而导致视图中元素之间的间隔。而且，在IE7中不支持将“内联块”分配给“内联块”元素，因此您必须使用overcome the gap和IE7 Hack的方法。
< / LI>
我实际上更喜欢inline-block方法。

Answer 4

简单，使用float:left;到divs css，

<div style="float:left" > </div>
<div style="float:left" > </div>

和CSS Floats 101，是理解它的最佳位置，非常有帮助。

Answer 5

很多方面。你可以像这个小提琴那样漂浮“第一个”/最左边的div。

CSS：

div.left
{
    float: left;
    border: 1px solid red;
}

div.lefthugger
{
    border: 1px solid blue;
}