mystyle.css 775 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. html,
  2. body,
  3. .my-wrap {
  4. height: 100%;
  5. }
  6. body > .my-wrap {
  7. height: auto;
  8. min-height: 100%;
  9. }
  10. .my-main {
  11. height: auto;
  12. min-height: 100%;
  13. padding-bottom: 100px;
  14. }
  15. /* 必须使用和footer相同的高度 */
  16. .my-footer {
  17. font-size: 12px;
  18. color: #fff;
  19. padding-bottom: 10px;
  20. padding-top:10px;
  21. position: relative;
  22. margin-top: -40px;
  23. /* footer高度的负值 */
  24. height: 40px;
  25. clear: both;
  26. line-height:2em;
  27. background-color: #3c4252;
  28. }
  29. .my-v-center{
  30. position: absolute;
  31. top: 50%;
  32. -webkit-transform: translateY(-50%);
  33. -moz-transform: translateY(-50%);
  34. -ms-transform: translateY(-50%);
  35. -o-transform: translateY(-50%);
  36. transform: translateY(-50%);
  37. }
  38. .my-footer a {
  39. color: white;
  40. text-decoration: underline
  41. }