当前位置:网站首页>display-inline+calc实现左中右布局,中间自适应
display-inline+calc实现左中右布局,中间自适应
2022-07-26 10:38:00 【songywaa】
.box {
clear: both;
/* 干掉间隙 */
font-size: 0
}
.left {
display: inline-block;
width: 200px;
font-size: 16px;
background-color: #0000FF;
}
.right {
display: inline-block;
width: 200px;
font-size: 16px;
background-color: aqua;
}
.center {
display: inline-block;
width: calc(100% - 400px);
font-size: 16px;
background-color: aquamarine;
}
<div class="box">
<div class="left">我是左边</div>
<div class="center">我是中间</div>
<div class="right">我是右边</div>
</div>
边栏推荐
- el-table实现可编辑表格
- MLX90640 红外热成像仪测温传感器模块开发笔记(六)红外图像伪彩色编码
- 20210807#1 C语言程序结构
- 剑指Offer(七):斐波那契数列
- (转载)ArcGIS Engine中各种点的创建方法
- .NET5WTM(ASP.NET Core) PGSql开箱操作
- vscode上使用anaconda(已经配置好环境)
- Simple use of json-c Library -- converting JSON files to struct
- Phase 4: one of College Students' vocational skills preparation in advance
- [leetcode daily question 2021/5/8]1723. The shortest time to complete all work
猜你喜欢
![[leetcode daily question 2021/4/29]403. Frogs cross the river](/img/fb/612777c77df5a611506e72f4f4c3c8.png)
[leetcode daily question 2021/4/29]403. Frogs cross the river

The problem of large fluctuation of hx711 data

.net5wtm (asp.net core) PgSQL unpacking operation

Application of.Net open source framework in industrial production

【机器学习小记】【风格迁移】deeplearning.ai course4 4th week programming(tensorflow2)

数据分析入门 | kaggle泰坦尼克任务

【dectectron2】跟着官方demo一起做

RT-Thread 学习笔记(七)---开启基于SPI Flash的elmfat文件系统(中)

第6期:大学生应该选择哪种主流编程语言

el-table实现可编辑表格
随机推荐
第7期:内卷和躺平,你怎么选
多目标优化系列1---NSGA2的非支配排序函数的讲解
What if MySQL can't get in
一文详解Nodejs中fs文件模块与path路径模块
json_ object_ put: Assertion `jso->_ ref_ count > 0‘ failed. Aborted (core dumped)
异常的概念与处理
[leetcode每日一题2021/2/18]【详解】995. K 连续位的最小翻转次数
MD5加密
Asynctask < T> decoration and await are not used in synchronous methods to obtain asynchronous return values (asynchronous methods are called in synchronous methods)
Redis special data type usage scenarios
[leetcode每日一题2021/8/31]1109. 航班预订统计【中等】差分数组
数据库函数
剑指Offer(四十四):翻转单词顺序序列
剑指Offer(二十):包含min函数的栈
鹏哥C语言20210811程序结构作业
[leetcode daily question 2021/2/18] [detailed explanation] minimum number of turns of 995. K continuous bits
第4期:大学生提前职业技能准备之一
7-25 0-1背包 (50分)
13 以对象管理资源
常见的类(了解)