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

html圣杯布局

程序员文章站 2022-03-01 18:36:21
...
    

  1. .container{
    2. 

  2.     margin: 50px auto;
    3. 

  3.     width: 70%;
    4. 

  4.     height: 400px;
    5. 

  5.     background-color: #e0efe9;
    6. 

  6.     display: flex;
    7. 

  7.     flex-direction: row;
    8. 

  8.     justify-content: space-between;
    9. 

  9. }
    10. 

  10. .main,.left,.right{
    11. 

  11.     min-height: 100px;
    12. 

  12.     width: 200px;
    13. 

  13.     border: 1px solid rebeccapurple;
    14. 

  14. }
    15. 

    

    2. 

    3. 

  3.     圣杯布局
    4. 

    5. 

    6. 

    7. 

    8. 

    9. 

  9.     main
    10. 

  10.     left
    11. 

  11.     right
    12.
1111 22222222
33333333333 4444444444
55555555555 666666666666

上一篇： rem+vw布局的原理，grid布局属性

下一篇： 事件，条件，列表渲染，计算属性与侦听器，组件之间的通信

推荐阅读