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

发布时间：2020-12-14 22:56:58 所属栏目：资源来源：网络整理

导读：我有一个像容器一样的div,里面有2个图像.一个图像位于div的左侧,另一个位于右侧. 我的容器是Bootstrap的容器它们都用div包裹,而div的位置是固定的. 我的问题是我无法找到正确的图像附加到conatiner的右侧.我尝试了浮动和正确的属性,但他们没有给出预期的结

我有一个像容器一样的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;
}

jsfiddle：https://jsfiddle.net/mqwbcLn8/3/


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!