HTML:父块底部的锚块元素?

前端之家收集整理的这篇文章主要介绍了HTML:父块底部的锚块元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有跨浏览器方法附加一些内容在< div>至底部?一个困难是< div>可能应用任意高度,但我希望某些内容始终被粘在底部

这可能是在这样糟糕的岁月中完成的:

  1. <table style="height: foo;">
  2. <tr><td valign="top">content</td></tr>
  3. <tr><td valign="bottom">stuck to the bottom</td></tr>
  4. </table>

我可以不采取这种技术吗?

解决方法

当然这很简单。只要将父div设置为position:relative。然后,你想粘在底部的内部项目,只需使用position:absolute将其粘贴到项目的底部
  1. <div id="parent">
  2. <div id="child">
  3. </div>
  4. </div>

  1. #parent {
  2. position:relative;
  3. }
  4. #child {
  5. position:absolute;
  6. bottom:0;
  7. }

猜你在找的HTML相关文章