[html] 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>test transform</title><style>* {padding: 0;margin: 0;}.main {position: relative;}.center {position: absolute;box-sizing: border-box;width: 100%;padding: 0 220px;overflow: hidden;}.inner {height: 100px;background-color: silver;}.fl {float: left;}.fr {float: right;}.fl,.fr {width: 220px;height: 100px;}.left {background-color: red;}.right {background-color: black;}.clearfix::after {display: block;content: '';clear: both;height: 0;visibility: hidden;}</style>
</head>
<body><div class="main clearfix"><div class="center"><div class="inner">测试测试测试测试测试测试测试测试测试测试测试</div></div><div class="left fl"></div><div class="right fr"></div></div>
</body>
</html>
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
 cookie和session)
![[html] html标签中的lang属性有什么作用？](http://pic.xiahunao.cn/[html] html标签中的lang属性有什么作用？)
![[html] 说说base标签有什么作用？](http://pic.xiahunao.cn/[html] 说说base标签有什么作用？)
![[html] 在head标签中必不少的是什么？](http://pic.xiahunao.cn/[html] 在head标签中必不少的是什么？)
![[html] 什么是空元素？常用的空元素有哪些？](http://pic.xiahunao.cn/[html] 什么是空元素？常用的空元素有哪些？)
![[html] 说说你对H5的ServiceWorker的理解，它有什么运用场景？](http://pic.xiahunao.cn/[html] 说说你对H5的ServiceWorker的理解，它有什么运用场景？)
![[html] 你知道短链接的生成原理吗？](http://pic.xiahunao.cn/[html] 你知道短链接的生成原理吗？)