css - Div はインラインに配置されません

Question

1000px の div 幅と 100% の高さがありますが、次のプロパティを使用して、その隣 (右側) に別の div を作成しようとすると:

margin-right: 20%;
border:  1px solid;
float: right;
height: 100%;
width: 10px;

div は、メイン コンテナーの div が終了する場所の下部に表示されます。

なにが問題ですか？

Answer 1

float:left; を割り当てることができます。または display:inline-block; 最初のdivに。

Answer 2

少し紛らわしいですが、コード内で最初の div の前に 2 番目の div を配置すると、float が影響します。現在、最初の div は display:block で、次の行を押し下げています。

今は次のとおりです。

<div id="1">
<div id="2" style="float:right">

に変更します

<div id="2" style="float:right">
<div id="1">