[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>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载相关推荐

Macbook Pro黑屏和装双系统后开机一直卡在加载界面解决方案
1 黑屏解决方法下班的时候电脑没关机,直接盖上盖子,放在背包里回家.到家后打开电脑,发现屏幕无法启动,但是usb接上手机后,发现手机在充电. 证明电脑是在工作的,只是屏幕显示出现了问题.左shift ...
编写一个USB接口程序，模拟计算机启动过程和关闭过程启动过程中要加载鼠标、键盘、麦克风等USB设备，具体要求如下：（1）定义一个接口USB，包含两个抽象方法turnOn()he turnOff(),
一.好物推荐给大家推荐三款蓝牙耳机,下面的链接可以直接购买: 1.https://item.taobao.com/item.htm?ft=t&id=643733003968 2.https: ...
C++ windows已在xxx.exe中触发一个断点,其原因可能是堆被损坏,这说明xx.exe中或它所加载的任何DLL中有bug。
windows已在xxx.exe中触发一个断点,其原因可能是堆被损坏,这说明xx.exe中或它所加载的任何DLL中有bug. 原因也可能是用户在xx.exe具有焦点时按下了F12. 输出窗口可能提 ...
你这代码写得真丑，满屏的try-catch，全局异常处理不会吗？
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章 # 背景软件开发过程中,不可避免的是需要处理各种异常,就我自己来 ...
左中右三栏式布局
一.中间自适应,左右两边宽度固定方法1:box容器 Flex布局,center设置为 flex:1 <!DOCTYPE html> <html lang="en&qu ...
用JavaScript写一个类似于windows的气泡屏保效果
最近在学习JavaScript,然后在书上看到了一个简单的碰壁反弹效果,效果你们可以看一下,js代码如下: window.onload = function(){var main = document ...
基于Bmob从零开始写一个博客小程序
2019独角兽企业重金招聘Python工程师标准>>> 实现以下技能点 1.集成Bmob小程序SDK作为数据存储 2.wemark解析markdown文本 3.列表页布局与上拉无限加 ...
原来热加载如此简单，手动写一个 Java 热加载吧
1. 什么是热加载热加载是指可以在不重启服务的情况下让更改的代码生效,热加载可以显著的提升开发以及调试的效率,它是基于 Java 的类加载器实现的,但是由于热加载的不安全性,一般不会用于正式的生产环 ...
在Linux下写一个简单的驱动程序
目录一个简单的驱动编写驱动程序驱动程序的Makefile 驱动程序的测试程序驱动程序的编译加载驱动 init函数创建节点 PS:/proc/devices 与 /dev的区别运行上层应用 ...

[html] 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载

[html] 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载

个人简介

主目录

[html] 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载相关推荐

最新文章

热门文章