html - 如何在不使用 float 的情况下使我的第二个内联 block 不从前一个内联 block 的底部开始？-6ren

html - 如何在不使用 float 的情况下使我的第二个内联 block 不从前一个内联 block 的底部开始？

转载作者：行者123 更新时间：2023-11-28 16:04:52

我希望我的第二个内联 block 从顶部开始，而不是在不使用 float 的情况下从前一个开始

<body>  
  <div class="adleft">
    left part
  </div> 
  <div class="main"> second part</div>
</body>

CSS:

  div.adleft {
   display: inline-block;
   /* float: left; */
   background: yellow;
   margin: 0;
   width: 40px;
   /* overflow:auto; */
 }

 div.main {
   display: inline-block;
   background: olive;
   margin: -5px;
   width: 400px
   /* float:left; */
 }

这就是我的意思:http://jsfiddle.net/xkwztvj2/1/

谢谢

最佳答案

添加垂直对齐:顶部；到 div.main

关于html - 如何在不使用 float 的情况下使我的第二个内联 block 不从前一个内联 block 的底部开始？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46431751/