如何在两个部分之间浮动3个div？ [英] How do I get 3 div floating between two sections?

问题描述

请看附图。





我想要的是完全相同模式的css + html代码。即我的主标题图像之间漂浮了3个div。





我也希望它具有响应性。即如果分辨率降低，它应该自动安排在我的标题图像旁边的3个div。



希望你得到我想说的话。



图片链接：截图2018 06 25 10 39 09 - imgbb.com [ ^ ]



谢谢。



请粘贴你的html / css代码作为答案。



我的尝试：



我用Bootstrap试过但没有成功。请确保，我想要它响应

Please see the image attached.


What i want is css + html code for exact same pattern. I.e 3 divs floating between my main header image.


ALSO I want it responsive. I.e if resolution decreases, it should auto arrange itself into 3 divs next to my header image.

Hope you got what i am trying to say.

Image link : Screenshot 2018 06 25 10 39 09 — imgbb.com[^]

Thanks.

Please paste your html/css code as an answer.

What I have tried:

I have tried it using Bootstrap but no success. Please make sure, i want it responsive

推荐答案

您只需要给出

Hi,
You just need to give

position:relative

用于主标题图像div

并且需要添加

for main header image div
And need to add the

position:absolute;

并且需要给出最大减值，因为它出现在横幅上方。

and need to give top minus value because it appear above banner.

这篇关于如何在两个部分之间浮动3个div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！