0

と呼ばれる他の2つのsを含むcalled<div>があります。wrapper<div>textboxcheckbox

黄色い箱をラッパーの中に入れたいです。ピンクのボックスは入力テキスト フィールドとして使用され、黄色のボックスはチェックボックスとして使用されます。

ここでjsfiddle

考えられることはすべて試しましfloat: rightたが、黄色いボックスを外側に押し出すだけです

ここに画像の説明を入力

<html>
<head>
<title>Page</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<style type="text/css">
.box   {
    background-color: #008DEF;
    color: #9C5A3C;
    height:100px;
    width:260px;
    position: relative; top:70px;
}   
.textbox
{
    background-color: #FF58C3;
    height:90px;
    width:170px;
}   
.checkbox
{
    background-color: #FFAB24;
    height:50px;
    width:50px;
    float:right;
}   
</style>
 <div class="box"> 
 <div class="textbox"> </div>
 <div class="checkbox"> </div>
 </div>


 </div>




 </body>
 </html>
4

1 に答える 1

4

float:left.textbox クラスに追加してみてください

フィドル

于 2013-06-30T09:15:27.150 に答える