• flex布局与float布局

    1、flex布局

    4.   
    7.   
      class="container">
    8.     <div class="column">
    9.       <p>This is the left column.p>
    10.     div>
    11.     <div class="column">
    12.       <p>This is the right column.p>
    13.     div>
    14.   div>
    15. body>
    16. html>

     

    2、float布局 

    2. 	
      "width: 800px;height: 200px;">
    3. 		
      "float: left;background: red;width: 200px;height: 100%;">
    4. 	　　	左
    5.
  • "background: blue;margin-left: 200px;height: 100%;padding-left: 10px;">
  • 　　 右

    •  

     

    3.  
    5.   "utf-8">
    6.   <span class="hljs-keyword">float</span>
    8.  
    10.   
      "width:800px;height:200px;">
    11.     
      "float:left;background:red;width:200px;height:100%;">
    12.       左
    13.
  • "float:right;background:blue;width:200px;height:100%;">
  • 右
  • "background:yellow;width:400px;margin-left: 200px;height:100%;">
  • 中

  • 相关阅读:
    2019 LCLR | How Powerful are Graph Neural Networks
    Mysql临时表创建查询修改
    基于Unity引擎的RPG3D项目开发笔录
    使用vue-cli搭建spa项目
    Android OpenGLES3.0 开发 ：光照基础
    《CTF特训营》——古典密码学
    迈动互联获“ISO20000信息技术服务管理体系认证证书”
    SAS学习3（对数据的简单处理、条件、循环语句、数组、datasets过程）
    算法手撕代码66~70
    物联网的应用——工业自动化
  • 原文地址：https://blog.csdn.net/weixin_63781898/article/details/133305482