css - 简单的 CSS 查询 : vertically float blocks in a container

Question

这应该很简单，但我想不通......

http://www.coelandscapes.co.uk/是一个相当古老的站点，具有简单的 CMS。我试图让菜单与 Logo 的底部垂直对齐，但不能使用绝对(因为元素的数量可能会改变)。

有没有人有什么想法？

谢谢

Answer 1

flexbox非常适合垂直对齐元素。将此添加到您的#menu 样式:

#menu {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  width: 610px;
  height: 245px;
  padding: 0 0 0 12px;
}

您可能必须根据要支持的浏览器添加一些供应商前缀:http://caniuse.com/#search=flex