Fiddle はオンとオフで動作しています... 2 つの方法のいずれかを実行できます。フロートの使用 (マークアップの順序を変更する必要があります) または配置 - そのような...
<div class="block">
<div class="block_right"><a href=""> <span>last button</span></a> </div>
<div class="block_left"><a href="" class="scButton score" > <span>Lorem ipsum</span></a></div>
</div>
そしてあなたのCSS ...
.block {
display:block; background-color:#FFC; width:100%; float:left; height:30px
}
.block_left{
background-color:#C93; margin-right: 150px;
}
.block_left a{
background-color:#CCC; border-radius:4px; padding:4px; width:100%; display:block
}
.block_right{
float:right; width:130px; background-color:#CC9
}
... position を使用して、.block に追加してから .block_right; に追加する必要がありposition:relative
ますright:0
。.block_left のマージンを維持する
配置を使用すると、マークアップ内の要素の順序を変更する必要がなくなります (問題になるはずです)。