选中内容(绿色)时除了会搜索文章名,还会搜索文章内容
点击结果中的文章名进入文章界面后可以按Ctrl+F在页面内搜索
  • 版权:CC BY-SA 4.0
  • 创建:2019-10-13
  • 更新:2019-10-19
css footer 始终保持在底部,就算是空的网页也保持在底部


  1. <!doctype html>
  2. <html >
  3. <head>
  4. <meta charset="UTF-8">
  5. <style>
  6. *{
  7. margin: 0;
  8. padding: 0;
  9. }
  10. html,body{
  11. height: 100%;
  12. }
  13. #container{
  14. display: flex;
  15. flex-direction: column;
  16. height: 100%;
  17. }
  18. header{
  19. background: #999;
  20. flex: 0 0 auto;
  21. }
  22. .main{
  23. background: orange;
  24. flex: 1 0 auto;
  25. }
  26. footer{
  27. background: #333;
  28. flex: 0 0 auto;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="container">
  34. <header>HEADER</header>
  35. <section class="main">MAIN
  36. </section>
  37. <footer>FOOTER</footer>
  38. </div>
  39. </body>
  40. </html>

参考

文章有误?有想法想讨论?查看或者发起勘误/讨论 主题
(发起评论需要先登录 github)

/wallpaper/wallhaven-6omkp7.jpg