asp.net - 如何使用CSS垂直向下移动div

Question

我是 CSS 新手，我想将一个 div 部分向下移动（请参见下面的附图）：

在此处输入图像描述

如何使 div.title “向下浮动”，以便它整齐地放置在主 div 的左下角（水色框）。

我试过垂直对齐，但它不起作用。

score 31 · Accepted Answer

31

给margin-top

div{margin-top:10px;}

于 2013-04-10T06:12:47.383 回答

score 8 · Accepted Answer

你可以让你的蓝色div position: relative，然后给div.title position:absolute;和bottom: 0px

这是一个工作演示.. http://jsfiddle.net/gLaG6/

score 3 · Accepted Answer

我在这里没有看到任何提到 flexbox，所以我将说明：

HTML

 <div class="wrapper">
   <div class="main">top</div>
   <div class="footer">bottom</div>
 </div>

CSS

 .wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
  }
 .main {
   flex: 1;
 }
 .footer {
  flex: 0;
 }

score 0 · Accepted Answer

标准 16px 字体的标准宽度空间是 4px。

score 0 · Accepted Answer

0

如果 div.title 是一个 div 然后把这个：

left: 0;
bottom: 0;

于 2020-01-12T06:22:48.313 回答

score 0 · Accepted Answer

试试这个配置：

    position to absolute
    width to 100%
    height to 100px
    bottom to 10
    background-color: blue

这可以帮助实际将 div 移动到底部。只需进行相应的修改。

6 回答 6