在容器的右侧添加图像

Question

我想在不使用bootstrap

的情况下在容器的右侧显示图像

这是我的代码

<div class="container">
  <img src="img/logo.jpg"/> 
</div>

我在cotainer上面添加了代码，就像这样

<div style="float: right;margin-top: 100px;margin-bottom: -100%;margin-right: 2%;margin-left: 95%;">
    <div><img src="img/AD.jpg"/></div>
</div>

它在移动视图中工作但看起来不太好。

有可能吗？ 任何帮助高度赞美， 感谢。

Answer 1

使用float定位框，为了更好的填充计算，将它们设置为border-box，对于等高框，您可以使用flexbox看看那个小提琴：{ {3}}