Html 除了浮动之外，还有其他方法吗：向左将元素堆叠到另一个元素的右侧？

我尝试将四个元素对齐，如下所示：

||=||    B
||A||    C
||=||    D

A是图像，其他三个元素是div标记。所有元素都有一个具有以下CSS的span_2类：

.span_2 {
  width: 50%;
  display: inline-block;
}

但是，这给了我以下布局：

||=||    B
||A||    
||=||    
  C      D

我知道我可以在所有四个元素上设置float:left，以得到我想要的，但我想知道是否还有其他CSS方法

谢谢

可以将bcd元素放在具有相同类span_2的容器div中

例如：

<img src="image.jpg" class="span_2" />
<div class="span_2">
    <div class="span_2">B</div>
    <div class="span_2">C</div>
    <div class="span_2">D</div>
</div>

要正确对齐，您需要添加垂直对齐：顶部；也去上课

这里有一个例子：

给你

HTML

我希望这有帮助

无浮动

---

你可以用一张桌子

嗯，他想要一个没有浮动的解决方案；

<div id="LeftHold">
    <img src="#">
</div>
<div id="RightHold">
    <div class="Right" id="B"></div>
    <div class="Right" id="C"></div>
    <div class="Right" id="D"></div>
</div>

#LeftHold{
   width:100px;
   height:100px;
   float:left;
}
#RightHold{
   width:100px;
   height:100px;
   float:left;
}
.Right{
   width:100px;
   height:25px;
}