将2个图像标记彼此相邻放置

时间:2011-12-20 15:14:12

标签: html css

我在div中有以下图片:

 <div id="desc_attach_scroll">
    <img class="A" src="img/up.png" />
    <img class="B" src="img/down.png" />
 </div>

目前,B类图像垂直位于A类图像下方。我想将B移到A的右侧。我试图漂浮它们但它不起作用。有什么建议吗?

3 个答案:

答案 0 :(得分:2)

浮动应该可以正常工作.... See this Fiddle

注意..如果对类分配使用大写字符,则在大多数情况下必须匹配样式表的大小写。

答案 1 :(得分:1)

如果图像A和图像B 组合的宽度太宽而无法容纳desc_attach_scroll容器提供的宽度,则没有基于流量的css(特别是浮点数) )会让他们并排出现。您可以尝试使用绝对定位使它们彼此相邻,但如果图像宽度发生变化,这可能会导致严重的问题。

如果图像A和图像B对于容器提供的空间太宽,它们应该自动地相互流动,而不应用任何特殊的css规则。

答案 2 :(得分:0)

你需要给宽度以使浮点数起作用;

DEMO