html– 将div附加到另一个div的右侧

html– 将div附加到另一个div的右侧,第1张

概述我有一个像容器一样的div,里面有2个图像.一个图像位于div的左侧,另一个位于右侧.我的容器是Bootstrap的容器它们都用div包裹,而div的位置是固定的.我的问题是我无法找到正确的图像附加到conatiner的右侧.我尝试了浮动和正确的属性,但他们没有给出预期的结果.如何将div附加到另一个div的右侧?最佳答案如果我正确理解你的问题,你就有一个固

我有一个像容器一样的div,里面有2个图像.一个图像位于div的左侧,另一个位于右侧.
我的容器是bootstrap的容器

它们都用div包裹,而div的位置是固定的.

我的问题是我无法找到正确的图像附加到conatiner的右侧.我尝试了浮动和正确的属性,但他们没有给出预期的结果.

如何将div附加到另一个div的右侧?

最佳答案如果我正确理解你的问题,你就有一个固定位置的大容器.容器内侧的左侧div固定在左侧内侧,容器内侧的右侧div固定在右侧内侧?

您可以将显示设置为内联块,这将强制它们并排,然后使用左/右将它们放置在容器中:

HTML:

你的CSS看起来像这样:

.container {    wIDth:500px;    position: fixed;}.left-element {    background: green;    display: inline-block;    position: absolute;    left: 0;}.right-element {    background: red;    display: inline-block;    position: absolute;    right: 0;}@H_404_23@

Jsfiddle:https://jsfiddle.net/mqwbcLn8/3/ 总结

以上是内存溢出为你收集整理的html – 将div附加到另一个div的右侧全部内容,希望文章能够帮你解决html – 将div附加到另一个div的右侧所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1122478.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)