0

http://jsfiddle.net/58arV/

「質問作成」コンポーネントでユーザーを選択することで1つが正しい4つの回答を得ました。

そこで、4 つの入力スタイルと、4 つすべての右側にある DIV をチェックマーク「ラジオ」として使用することを考えました。ユーザーがボックスをクリックすると、残りのボックスは「チェックマーク」を取得します。赤い「×」…

<div class="answer">
<input type="text" autocomplete="off" name="answer" id="answer-1" placeholder="Answer 1" class="form-control input" value="" />
<button type="radio" class="btn btn-success answer-type" style="" value="1">
<i class="glyphicon glyphicon-ok"></i>
<div class="left-check"></div>
</button>
</div>

問題は、すべてのボックスが最初の入力の右上に引っ張られることです。

ヘルプ?

4

1 に答える 1

1

必要なのは、次の追加 CSS だけです。

.answer { position:relative; }

更新された例: http://jsfiddle.net/58arV/1/

経験則として (おそらく CSS 仕様に従って): 絶対要素は、相対または絶対である最も近い親に対して相対的に配置されます。

于 2013-11-08T22:02:51.707 に答える