欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

html圣杯布局

程序员文章站 2022-03-01 18:36:21
...
  1. .container{
  2. margin: 50px auto;
  3. width: 70%;
  4. height: 400px;
  5. background-color: #e0efe9;
  6. display: flex;
  7. flex-direction: row;
  8. justify-content: space-between;
  9. }
  10. .main,.left,.right{
  11. min-height: 100px;
  12. width: 200px;
  13. border: 1px solid rebeccapurple;
  14. }
  1. 圣杯布局
  2. main
  3. left
  4. right
1111 22222222
33333333333 4444444444
55555555555 666666666666