我有一个像容器一样的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/
原文链接:https://www.f2er.com/html/426165.html