html - 将 2 个 div 放在另一个具有不同边距的 div 中

标签 html css

<分区>

我想在另一个里面有 2 个 divsmargin-top 不同,每次我尝试设置 margin-top 第一个的第二个根据第一个对齐。假设 firstsecond 是另一个 div 中的两个 div。我想要这样的东西:

                 second

首先

但是我得到了这个:

这一秒

或许访问this 会有更清晰的思路 fiddle

最佳答案

Flexbox 来拯救!

#wrapper {
  display: flex;
}

.divF {
  margin-top:20px;
}
/*Border added for demo so you can see what's happening*/
#wrapper { border: 1px solid #777; }
.divF, .divS { border: 1px solid #CCC; }
<div id="wrapper">
  <div class="divF">
    <p>first</p>
  </div>
  <div class="divS">
    <a href=#>second</a>
  </div>
</div>

关于html - 将 2 个 div 放在另一个具有不同边距的 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46942045/

上一篇:javascript - CSS 如何使用倾斜过渡为斜线设置动画

下一篇:html - 如何使中心区域全视口(viewport)高度减去动态高度区域(flexbox)

相关文章:

html - 如何创建嵌套类选择器?

css - 垂直对齐 DIV

google-chrome - CSS3 颜色过渡在 Chrome 中不起作用

CSS 过渡不适用于任何属性

javascript - 使用 jQuery .load() 将一个页面的脚本部分加载到另一个页面中

javascript - 使用 javascript 编辑文本后,我可以保持 textarea 滚动位置吗?

javascript - 断点在内容中留下空白

css - 防止在 IE7/8 中换行

html - 当我用关键帧制作另一个动画时,为什么我不能为 scali 制作动画?

jquery - 更改选择框字体大小影响选项项长度