我有一个宽度为 100% 的 div。我想在其中放置 3 个 div,彼此相邻,高度与父级的高度相同。
但是由于一些未知的问题,我无法将它们放在一起。
即使我已经给出了 display:inline-block
,它仍然以 display:block
的形式流动。
我在这里做错了什么?
最佳答案
It's is flowing as display:block even through I have given display:inline-block.
您可以做几件事。
要么将每个元素 float 到同一行的左侧,要么添加 display:inline-block;
。
刚刚注意到您已经将 display:inline-block;
赋予了父元素而不是子元素。这就是为什么它不适合你。
向左浮动: https://jsfiddle.net/25brcg9x/1/
显示内联 block : https://jsfiddle.net/beekvang/25brcg9x/2/
关于html - 即使使用 inline-block 后,子 div 仍处于彼此下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44268456/