html - 单选按钮设置 CSS 样式，堆叠一些按钮但不堆叠其他按钮

Question

我试图堆叠一些单选按钮，同时保留另一个单选按钮，因为它有额外的内容。

我的 fiddle 在这里 http://jsfiddle.net/CkRF4/5/

<p>Style Radio Set</p>

Answer 1

这FIDDLE会给你一个开始。

只是一个带有一系列 float div 的大 div。然后里面叠了三个div。

我敢肯定还有更优雅的方法，只是这么晚想不出任何东西。

HTML(一个 float 的 div)

<div class='holder'>
  <div class='littleholder'>
    <input type='radio' id='scores' name='scores1' />
    <label for='scores'>Assign All Scores</label>
  </div>
  <div class='littleholder'>
    &nbsp;To:&nbsp;<input type='text' />&nbsp;out of 1
  </div>
  <div class='littleholder'>
    <input type='checkbox'/>Overwrite Scores
  </div>
</div>