Question

我正在尝试设计一个html布局，其中子div应始终保留在父div的底部。默认情况下，父div的高度应为100％。请为我提供相同的解决方案。

link：https://jsbin.com/pihekufime/edit?html,css,output

HTML：

@recipe

CSS：

<div class="wrapper">
  <div class="header"></div>
  <div class="left">menu</div>
  <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing...
    <div class="bottom">index</div>
  </div>
</div>

div与课程＆＃39; Bottom＆＃39;应该始终保持在div的底部与课程＆＃39;内容＆＃39;其中其他div是固定的

Answer 1

如果您将.wrapper设置为100％高度，.content也将是高度的100％，.bottom将位于此div的底部。这可能不是你想要的行为，但它是你问题的答案（我们没有关于整个事情应该如何工作/扩展/滚动/与内容对齐的信息）

将子div放在父div的底部

1 个答案: