无法使用float：right检查单选按钮

Question

我有一个非常奇怪的问题：当父级有浮动时，无线电输入没有检查鼠标：右。我检查了z-index - 没有任何重叠元素。当我通过边距将这个div定位到同一点时，一切都很好。有人有任何建议吗？

<div class="colours pull-right">
    <form>
        <label for="colour-1"><img class="img-circle" src="/Content/img/colours/1.jpg"></label>
        <input id="colour-1" value="1" name="selectedColour" type="radio">
        <label for="colour-2"><img class="img-circle" src="/Content/img/colours/2.jpg"></label>
        <input id="colour-2" value="2" name="selectedColour" type="radio">
        <label for="colour-3"><img class="img-circle" src="/Content/img/colours/3.jpg"></label>
        <input id="colour-3" value="3" name="selectedColour" type="radio">
    </form>
 </div>