2017-10-24 3 views
1
<div></div><div></div> 
<style> 
    div { 
    width: 16px; 
    height: 16px; 
    background-color: red; 
    } 
</style> 

私は出力ログをチェックすると、私は何をしますか2CSS:?2

を見てしなければならないとき、それは、1つの赤いボックスが表示さがなければならないときに示す1箱

divのIDを指定していないためです

それがある場合、どのように私はそれが働いて65535のオプション(256^2のアレイ)

+0

あなたの 'div'セレクタには中括弧がありません。 – jfeferman

答えて

0

それはすでに2つの赤いdivをレンダリングされますが、これらは、それが唯一のdiv要素を示すようになりますので、一緒に固執見えます。

あなたは簡単にそれのように修正することができます。

<div></div><div></div> 
<style> 
    div { 
    width: 16px; 
    height: 16px; 
    background-color: red; 
    margin: 2px; 
    } 
</style> 

同じ行に2つのdivを作成するには、このコードをスタイルに追加します。ここ
display: inline-block;

margindisplay CSSプロパティの詳細です。

+0

これはgppdですが、どのようにしてボックス同士を次の**のようにしてお互いにするのでしょうか?そして、互いに上ではない –

+0

スタイルタグに 'display:inline-block;'を追加するだけです – gnujoow

0

div{ 
 
width:16px; 
 
height:16px; 
 
background-color:red; 
 
border:1px solid; 
 
}
<div></div><div></div>

の要求を満たすことができますCSSを記述します。問題はどこだ ?私はあなたに見えるようにいくつかの国境を置いた。

+0

どのようにボックスをお互いの隣に置くことができますか? –