2016-09-04 12 views
0

おはようございます、私は2つの画像をdiv内に並べて表示しようとしています。Div画像並べて表示

フロートを左に浮かしてみましたが、うまくいっていますが、成功しませんでした。

別のHTMLページで動作しますが、現在のページに追加しても動作しません。

非常に奇妙な、単純な解像度が、それを見ることができない...

おかげで、私が作成しようとしているページと

enter image description here

#mikeimgs { 
 
\t width:70%; 
 
\t margin-top: 10px; 
 
\t margin-right: auto; 
 
\t margin-left: auto; 
 
} 
 
.img1 { 
 
\t margin-top:10px; 
 
\t float:left; 
 
} 
 
.img2 { 
 
\t margin-top:10px; 
 
\t float:right; 
 
}
<div id="mikeimgs" class="fluid"> 
 
<div class="fluid img1"><img src="file:///G-DRIVE mobile USB/STR Website/STRv1/August 2016/Mike-Vittiimg.jpg" alt="" width="200" height="200"/></div><div class="fluid img2"><img src="file:///G-DRIVE mobile USB/STR Website/STRv1/August 2016/Odyssey250.jpg" alt="" width="200" height="200"/></div> 
 
</div>

`。

+0

何かがあなたのCSSをオーバーライドする必要があります –

答えて

0

コードが正常に動作しているようです。hereしかし、.fluidクラスにはCSSはありません。このクラスが期待している結果を上書きする可能性はありますか?

1

画像を含むdivには流体クラスがありません。また、浮動小数点数は左と浮動小数点を必要とせず、浮動小数点数は左になります。

#mikeimgs { 
 
\t width:70%; 
 
\t margin-top: 10px; 
 
} 
 
.img { 
 
\t margin-top:10px; 
 
\t float:left; 
 
\t width:200px; 
 
}
<div id="mikeimgs" class="fluid"> 
 
<div class="img"><img src="file:///G-DRIVE mobile USB/STR Website/STRv1/August 2016/Mike-Vittiimg.jpg" alt="" width="200" height="200"/></div><div class="img"><img src="file:///G-DRIVE mobile USB/STR Website/STRv1/August 2016/Odyssey250.jpg" alt="" width="200" height="200"/></div> 
 
</div>

関連する問題