2010-11-20 6 views
0

divとdivが5つあります。divのdivを調整する

<div style="width: 1000px"> 
<div style="float: left; width: 50px;"></div> 
<div style="float: left; width: 50px;"></div> 
<div style="float: left; width: 50px;"></div> 
<div style="float: left; width: 50px;"></div> 
<div style="clear: both;"></div> 
</div> 

ここで、内側のdivを右側に調整します。

+0

floatのように「右に調整する」:右ですか? – JJJ

+0

浮動小数点:私が推測する問題をすべて解決するには... – Vishwanath

答えて

1

は、親のような、パディング左をDIV与えて試してみてください:

<div style="width: 1000px;padding-left:100px"> 
<div style="float: left; width: 50px;"></div> 

それとも、マージン左で、自分自身のことで、各要素の位置決めを試すことができます。

<div style="width: 1000px;"> 
<div style="float: left; width: 50px;margin-left:100px"></div> 

一部のリソース:

http://www.w3schools.com/css/css_margin.asp 
http://www.w3schools.com/css/css_padding.asp 
+0

動的に調整する方法はありますか?内部divの数は静的ではないためです。 – rakete

+0

@elairooどういう意味ですか?親divにパディングが適用されている場合、親と子/レンとの間には常に静的なスペースがあります(ちょうど私が書き込んだ文字と書き込むボックスの間に小さなスペースがあるように)。 一方、マージンを適用すると、スペーシングは動的になります(単語の間にスペースがあるように、スペースは子/レンに対して相対的です)。 –

+0

これを行う最も良い方法は、内部の要素に_italic_class_italic_を適用してから、単純にクラスをスタイルすることです(#some-div .someClass {// styling}。 .someClassに内部のdivを設定すると、スタイルはすべての内部divに一貫性があります) –

1

親のdivにpadding-left: 50pxの任意のサイズを挿入します。

中央に配置する場合は、別のdivに配置し、元の親の内側にdivを配置します。

関連する問題