0

はい、すみません、写真を投稿するべきでした。それはこのように見えます:リンク

下にボックスがある 2 つのボックスを作成しようとしています。右側に別のボックスが必要です。そして、すべてを別のボックスに入れたいのです。最後のボックス (under3) を右にフロートさせることができないことを除いて、すべて正常に動作します。私よりも優れた誰かが、私が欠けているものを説明できますか? ありがとう..

レギン

私の HTML コードは次のようになります。

<div id="boks1a">
    <div class="mini1">test1
   </div>
    <div class="mini2">test2    
   </div>
    <div class="under1">Testing
   </div> 
</div>
    <div class="under3">test3
   </div>
</div>
</body>

そして私のCSS:

#boks1a_ydre {
border: 10px red solid;
width: 90%;
}
#boks1a {
border: 4px blue solid;
width: 80%;
}

#boks1a .mini1 {
width: 50%;
height: 200px;
float: left;
outline: 1px red solid;
}
#boks1a .mini2 {
width: 50%;
height: 200px;
float: left;
outline: 1px green solid;
}
#boks1a .under1 {
clear: both;
margin-top: 5px;
width: 100%;
outline: 1px blue solid;
}
#boks1a .under3 {
float:right;
margin-top: 5px;
width: 100%;
outline: 1px blue solid;
}
#boks1a_ydre .mini3 {

width: 100px;
height: 200px;
float: right;
outline: 10px black solid;
}
4

1 に答える 1

0

ここに画像の説明を入力

ここに画像の説明を入力

上の画像を参照してください。修正後 デモをご覧ください jsfiddle.net/XbsXz/

于 2013-05-17T07:33:21.940 に答える