主页 / 问题 / 1218547
Accepted
Mamba
Asked:2021-12-14 19:15:59 +0800 CST2021-12-14 19:15:59 +0800 CST

内联块超大块下降

  • 772

有人能解释一下为什么左边的方块会掉下来以及如何抬起它吗？！

    <div style="width: 15%; min-height: 100%; display: inline-block; ">
      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae aut laborum enim ad dolorem vel delectus quasi voluptates! Incidunt, eum itaque. Laboriosam aut ab deserunt a sit, itaque saepe deleniti!
    </div>
    <div style="width: 15%; min-height: 100%; display: inline-block; ">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Non ipsam alias, eos exercitationem nesciunt pariatur. Sunt libero pariatur enim impedit amet, soluta eaque provident ex eum unde dolore praesentium deserunt?
      Unde neque earum inventore, doloribus, similique autem dicta tempore aliquam recusandae asperiores cupiditate tempora rem. Veritatis repellat veniam, sequi blanditiis dolores, eaque quaerat architecto quidem recusandae dolor non sint nesciunt.
      Saepe hic omnis et iure recusandae labore doloribus molestiae reiciendis sapiente facere delectus accusamus aliquam unde voluptatem distinctio nihil, rem, impedit eveniet ea harum sit! Provident similique ducimus fugit possimus.
    </div>

结果

html

1 个回答

  1. Best Answer

    需要设置垂直对齐vertical-align: top

        <div style="width: 15%; min-height: 100%; display: inline-block; vertical-align: top">
      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae aut laborum enim ad dolorem vel delectus quasi voluptates! Incidunt, eum itaque. Laboriosam aut ab deserunt a sit, itaque saepe deleniti!
    </div>
    <div style="width: 15%; min-height: 100%; display: inline-block; vertical-align: top">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Non ipsam alias, eos exercitationem nesciunt pariatur. Sunt libero pariatur enim impedit amet, soluta eaque provident ex eum unde dolore praesentium deserunt?
      Unde neque earum inventore, doloribus, similique autem dicta tempore aliquam recusandae asperiores cupiditate tempora rem. Veritatis repellat veniam, sequi blanditiis dolores, eaque quaerat architecto quidem recusandae dolor non sint nesciunt.
      Saepe hic omnis et iure recusandae labore doloribus molestiae reiciendis sapiente facere delectus accusamus aliquam unde voluptatem distinctio nihil, rem, impedit eveniet ea harum sit! Provident similique ducimus fugit possimus.
    </div>

    • 4

相关问题