gpt4 book ai didi

html - 在容器右侧添加图像

转载 作者:太空宇宙 更新时间:2023-11-04 09:59:06 31 4
gpt4 key购买 nike

我想在不使用 Bootstrap 的情况下在容器右侧创建一个图像

这是我的代码

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

我已经像这样在容器上方添加了代码

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

它可以工作,但在移动 View 中看起来不太好。

enter image description here

可以吗?任何帮助高度赞赏,谢谢。

最佳答案

使用float来定位盒子,为了更好的填充计算,将它们设置为border-box,对于等高的盒子,你可以使用flexbox 看看那个 fiddle :http://jsfiddle.net/dfsvj4tg/

关于html - 在容器右侧添加图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38474295/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com