Div图像并排

Question

早上好，我正试图在div中并排放置2张图像。

我已经尝试向左浮动并向右浮动，但没有成功。

它适用于单独的HTML页面，但在我将其添加到当前页面时则不行。

很奇怪，但是分辨率很简单，但看不出来......

由于

＆＃13;

＆＃13;

#mikeimgs {
	width:70%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.img1 {
	margin-top:10px;
	float:left;
}
.img2 {
	margin-top:10px;
	float:right;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

`与我试图创建的页面。

Answer 1

包含图像的div不应该有流体类，另外你不需要向左浮动并向右浮动，它们都将向左浮动。

＆＃13;

＆＃13;

#mikeimgs {
	width:70%;
	margin-top: 10px;
}
.img {
	margin-top:10px;
	float:left;
	width:200px;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您的代码似乎运行良好here。但是，没有为 .fluid 类提供CSS。这个课程是否有可能超越你的预期结果？