Question

为了简单起见，我有一个内容分为四个容器的页面。我有一个课程适用于所有的div，以使他们自己订购，如下。我的问题是为什么div不能在彼此之下调整？我添加了一个简单的草图，说明我正在尝试做什么，以防我没有正确解释这个和我的页面看起来像的基本示例

<html>
<head>
</head>

<body>

    <div class="cardProp">RandomContent1</div>
    <div class="cardProp">RandomContent2</div>
    <div class="cardProp">RandomContent3</div>
    <div class="cardProp">RandomContent4</div>

</body>

div.cardProp{
    display: inline-block;
    vertical-align: top;
  }

Answer 1

我认为你可以做到这一点

<div class="cardProp">
  <div class="div1">RandomContent1</div>
  <div class="div2">RandomContent2</div>
<div>
<div class="cardProp">
  <div class="div3">RandomContent3</div>
  <div class="div4">RandomContent4</div>
<div>

为什么我的内联块<div>在它下面有空格？

1 个答案: