所以：我对定位元素（名为“header-info”的类）到另一个元素（“wrapper”）的底部有一点问题。我不能使用position：absolute因为这会使元素的宽度达到最小值（我想保持100％的包装器宽度）。还有工作显示：table-cell和vertical-align：bottom。
指向代码的链接：https://github.com/radek024/web_rwd
任何使这项工作正常的想法？ Atm我正在使用填充顶部，但那仍然不是我想要的。
第二个请求：有人可以查看HTML代码并告诉我它已经很好了吗？我想让我的代码具有语义。
答案 0 :(得分：1)
我建议您查看flexbox：https://css-tricks.com/snippets/css/a-guide-to-flexbox/
您希望将header设置为容器，并将align-items属性设置为flex-end，摆脱padding-top，因为它可能会有所不同结果取决于视图大小。
Flexbox在CSS中正确对齐方面非常有用，它非常强大，有助于解决我们网页设计师长期困扰的“如何正确对齐”问题。最大的优势是避免使用硬编码值，当您考虑移动优先设计时，最好（根据我的经验）保持最低限度。但是，有一点需要注意的是，flexbox可能无法在旧浏览器（如IE）中运行，因此您可能需要备份。浏览器版本及其兼容性列在我引用的第一篇文章中。
我在CodePen中进行了处理：http://codepen.io/anon/pen/WwQNoe
作为旁注，您的网站看起来很棒，而且您的代码看起来也很干净。
希望这有帮助！