将元素定位到块元素的右侧

Question

是否有办法使用CSS将元素（块或内联）定位到块元素的右侧而不更改块元素或包含元素的CSS？

<div>Block</div>
<span class="someCSS">Inline</span>

结果：

BlockInline

Answer 1

如果没有更多信息，我唯一可以建议的是：

element {
  display: block;
  float: right;
}

Answer 2

我更倾向于建议你这样做：

div { float: left; }

预览：http://jsfiddle.net/Wexcode/9DCDN/

Answer 3

老实说，我花了一段时间才知道你想要什么，但我想我现在就做。当你说内联元素是动态的时，你也可能使用动态语言，所以你可以使用一些条件语句来为内联对象添加一些css样式。

另一个选项，取决于您的项目，可能只是将span包含在块元素中。还有一个是将整个事物包装成两个以上的块元素，这样就可以避免对其他后续元素产生floating效果。

<div style="float:left">
    <div>BLOCK</div>
</div>
<div style="float:right">
    <span>INLINE</span>
</div>

抱歉inline-css。如果您将内联设置为display:block，则可以获得相同的效果。或者避免对以下元素产生floating效果的其他选项：在所有内容之后使用<div style="clear:both"></div>之类的内容。

大多数人不知道的是，CSS拥有它自己的条件语句＆＃34;已经，但直到CSS 4，它不可能直接选择一个祖先。但是，据我所知，没有别的方法能够以任何其他方式实现所希望的结果。