我可以设置这些div的样式，以便它们在最后一段时间内排列

Question

我希望显示器是这样的。

Div1 Div2
Div3 Div4

html是这样的：

<div class="class1">Div1</div> <div class="class2">Div2</div>
<div class="class1">Div3</div> <div class="class2">Div4</div>

样式表是这样的：

.class1
{
    font-weight:bold;
    font-size:9pt;
    display:inline-block;
}

.class2
{
    font-weight:normal;
    font-size:9pt;
    display:inline;   
}

使用纯CSS，我希望能够像上面提到的那样安排布局。

是否可以使用CSS执行此操作而不将class1和class2包装在容器div中？

Answer 1

http://jsfiddle.net/pxpvw/1

.class1 {
    float: left;
    clear: left;
}

.class2 {
    float: left;  
}

Answer 2

在float:left

中添加.class1

.class1
{
    font-weight:bold;
    font-size:9pt;
    display:inline-block;
    float:left;
}

你会得到你想要的结果。

Answer 3

Float：左边是所有这些，而不是添加一个margin-right值，以便.class3元素被删除。