【css面试题】实现2栏布局 右侧自适应; 3栏布局 中间自适应

2栏布局 右侧自适应

flex

grid

table

float

html 复制代码
 <style >
    body{
        height: 400px;
    }
    .son1{
        width: 20%;
        height: 100%;
        float: left;
    }
    .son2{
        margin-left: 20%;
        height: 100%;
        
    }
   
  </style>
<body>        
    <div class="son1" style="background-color: #d2e085;"> A </div>
    <div class="son2" style="background-color: #7cdbe4;"> B </div>

</body>

absolute

3栏布局 中间自适应

相关推荐
用户543308144194几秒前
AI 时代,前端逆向的门槛已经低到离谱 — 以 Upwork 为例
前端
JarvanMo4 分钟前
Flutter 版本的 material_ui 已经上架 pub.dev 啦!快来抢先体验吧。
前端
JohnYan9 分钟前
工作笔记-CodeBuddy应用探索
javascript·ai编程·aiops
恋猫de小郭31 分钟前
AI 可以让 WIFI 实现监控室内人体位置和姿态,无需摄像头?
前端·人工智能·ai编程
哀木36 分钟前
给自己整一个 claude code,解锁编程新姿势
前端
程序员鱼皮41 分钟前
GitHub 关注突破 2w,我总结了 10 个涨星涨粉技巧!
前端·后端·github
UrbanJazzerati43 分钟前
Vue3 父子组件通信完全指南
前端·面试
是一碗螺丝粉1 小时前
5分钟上手LangChain.js:用DeepSeek给你的App加上AI能力
前端·人工智能·langchain
wuhen_n1 小时前
双端 Diff 算法详解
前端·javascript·vue.js
UrbanJazzerati1 小时前
Vue 3 纯小白快速入门指南
前端·面试