はい、すみません、写真を投稿するべきでした。それはこのように見えます:リンク
下にボックスがある 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;
}