• 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%;">
  • 中

  • 相关阅读:
    （三）推断的逼近方法-通过加权重采样的贝叶斯定理
    archlinux解决fcitx5光标不跟随
    利用FastAPI和OpenAI-Whisper打造高效的语音转录服务
    day02-实现01
    Vue2项目练手——通用后台管理项目第二节
    麒麟系统开发笔记（十二）：在国产麒麟系统上编译GDAL库、搭建基础开发环境和基础Demo
    专利：一种基于深度强化学习的机器人工件抓取方法
    数字化工厂建设方案探讨
    温故知新，signalR、RSA加密、ConcurrentQueue队列
    LiDAR 完整指南介绍：激光探测和测距
  • 原文地址：https://blog.csdn.net/weixin_63781898/article/details/133305482