html - 如何像 Android 的 RelativeLayout 一样相对于另一个布置 HTML div？

Question

我想相对于彼此布置 HTML div，例如 Android's RelativeLayout .

知道如何实现吗？谢谢。

编辑:这个问题很笼统，但我看到人们要求一个具体的例子，所以这是来自链接的例子。您可以将示例布局要求简化为:从头到尾都是蓝色方 block 。在它下面有两个方 block :红色和黄色。黄色在红色的右边直到最后。在黄色下方，一个绿色方 block 向右对齐。总共 4 个 div，彼此相对布局。

Answer 1

您可以使用 CSS 中的显示属性将 div 放在同一“行”上。

使用

display: inline;

或

display: inline-block;

'inline-block' 意味着你的 div 可以被赋予高度和宽度属性，而 'inline' 将只是你的内容的大小。在这种情况下，您可能需要使用 inline-block 来排列您的 div。