[css] 使用flex实现三栏布局,两边固定,中间自适应

[css] 使用flex实现三栏布局,两边固定,中间自适应

同意里面的一个回答,现在有很多简单的实现方式,传统的这个也是一种hack的方式,真的没必要去追究了,但是核心知识点可以掌握。1.把 center 放在最前面,优先渲染
2.相对定位 relative 也是可以设置 left,right等值的
3.margin 负值的了解和使用
4.float 真的不建议使用现在的flex/grid很轻松就能实现,甚至绝对定位也是很容易实现也更容易理解。

个人简介

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

主目录

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/412559.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

saltstack部署java应用失败无日志——CICD 部署

大家好,我是烤鸭: ​   最近在搞公司的CICD,遇到各种问题。复盘总结一下。 CICD 架构 这篇文章写得很详细,可以看一下 https://linux.cn/article-9926-1.html 而这里只是结合现在的情况分析下: CI 持续集成&…

day15 webUI自动化

一、webdriver的原理 driver webdriver.Chrome()创建浏览器,当做我们的服务端,代码就是客户端,和客户端进行ip绑定,基于http协议发送post请求 WebDriver webdriver是按照server – client的经典设计模式设计的。 webdriver的作用…

[css] 浏览器是怎样判断元素是否和某个CSS选择器匹配?

[css] 浏览器是怎样判断元素是否和某个CSS选择器匹配? 有选择器: div.ready #wrapper > .bg-red 先把所有元素 class 中有 bg-red 的元素拿出来组成一个集合,然后上一层,对每一个集合中的元素,如果元素的 parent i…

idea 插件开发 扫描sqlserver

大家好,我是烤鸭: 最近在搞sqlserver 升级 mysql/tidb,发现代码里的sql有很多地方需要改,想着能不能开发一个省点力。 官方的迁移指南: https://www.mysql.com/why-mysql/white-papers/sql-server-to-mysql-zh/ 方案…

VUE之文字跑马灯效果

1.效果演示 2.相关代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><script src"js/vue-2.4.0.js"></script> </head> <body> <div id&…

[css] 用CSS绘制一个三角形

[css] 用CSS绘制一个三角形 .triangle{width: 0;border-bottom: 35px solid lightgreen;border-left: 35px solid transparent;}wrong.triangle{width: 0;border: 35px solid transparent;border-bottom: 35px solid lightgreen; }个人简介 我是歌谣&#xff0c;欢迎和大家一起…

计算机从加电到系统(Linux)启动完成

0x0 背景 在我参加的面试和我面试别人、或者参加别人对别人的面试的事后经常遇到的一个问题就是&#xff1a;请从计算机加电开始描述一下计算机启动到操作系统正式启动起来的全过程。这是一个考验对计算机体系结构和基本知识了解程度的问题。今天也就特别针对这个问题做一个回答…

《少有人走的路——心智成熟的旅程》读书笔记

大家好&#xff0c;我是烤鸭&#xff1a; 《少有人走的路——心智成熟的旅程》&#xff0c;读书笔记。 第一部分 自律 规避问题和逃避痛苦的趋向&#xff0c;是人类心理疾病的根源。(正视自己是最重要的) 自律可以消除人的痛苦&#xff1a;延迟满足、承担责任、尊重事实…

[css] 说下line-height三种赋值方式有何区别?

[css] 说下line-height三种赋值方式有何区别&#xff1f; line-height 可以有带单位及不带单位的写法&#xff08;感觉其实是两种&#xff09;。div{line-height: 24px;line-height: 1.5;line-height: 1.5em;line-height: 150%; }对于应用在单个元素上&#xff0c;这几种写法的…

MySQL数据库select语句的使用方法

select语句可 以用回车分隔$sql"select * from article where id1"和 $sql"select * from article where id1" 都可以得到正确的结果&#xff0c;但有时分开写或许能 更明了一点&#xff0c;特别是当sql语句比较长时。批量查询数据可以用in 来实现 $sql&…

PMP 错题记录

PMP 错题记录 大家好&#xff0c;我是烤鸭&#xff1a; 这次的PMP错题集本来想考前发&#xff0c;临时能看看&#xff0c;还是耽搁了&#xff0c;补发一下吧&#xff0c;不知道以后用不用的上&#xff0c;据说改版了&#xff0c;可能也用不上了。 变更题错题记录 9、一项…

[css] 让网页的字体变得清晰,变细用CSS怎么做?

[css] 让网页的字体变得清晰&#xff0c;变细用CSS怎么做&#xff1f; 全家桶&#xff1a;-webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale text-shadow: 1px 1px 1px 1px rgba(0,0,0,0.005) text-rendering: optimizeLegibility个人简介 我是歌谣&…

skywalking oap-server 域名配置

大家好&#xff0c;我是烤鸭&#xff1a; ​ ​ ​ ​ 由于skywalking 的 -Dskywalking.collector.backend_service 的后端服务过多&#xff0c;想通过配置域名的方式简化上报端agent配置&#xff0c;也更灵活。 报错了&#xff0c;先看代码 报错信息&#xff1a; org.apac…

[css] 描述下你所了解的图片格式及使用场景

[css] 描述下你所了解的图片格式及使用场景 通常网页在显示的图片&#xff08;图形&#xff09;的时候&#xff0c;有以下几种格式&#xff1a;GIF、PNG、JPG、SVG&#xff0c;还有个比较新的WebP格式。▍GIF优点&#xff1a;GIF是动态的&#xff1b;支持无损耗压缩和透明度。…

【P1063】 能量项链

之前一直在luogu博客上 2018年12月25日17:15:52 copy到博客园 P1063 能量项链 简单的区间dp 通过解决小区间来影响大区间 环形问题 存储的时候存两边 变成 2*N 个元素 code: for(int i1;i<n;i) {cin>>e[i];e[in]e[i]; }s[i][j] ------- i到j的最大能量 k --------…

nginx 配置 http/2(h2) 和 http 在同一端口的问题

nginx 配置 http/2(h2) 和 http 在同一端口的问题 大家好&#xff0c;我是烤鸭&#xff1a; ​ 这个完全是个采坑记录了。 场景说明 由于这边有个需求想加个支持 grpc 方式转发的域名。 正常的二级域名都是映射到80端口&#xff0c;所以也没想太多&#xff0c;按照这个…

[css] 请描述css的权重计算规则

[css] 请描述css的权重计算规则 权重值计算 选择器 案例 权重值 !important !important Infinity 内联样式 style"…" 1000 ID #id 100 class .class 10 属性 [type‘text’] 10 伪类 :hover 10 标签 p 1 伪元素 ::first-line 1 相邻选择器、子代选择器、通配符 * &…

不同操作系统打开文件浏览器(资源管理器)的方式

windows      start . 或 explorer .Mac        open .Linux(ubuntu) nautilus .Linux KDE4 dolphin . 详细说明 转载于:https://www.cnblogs.com/mengff/p/10175767.html

FutureTask isDone 返回 false

大家好&#xff0c;我是烤鸭&#xff1a; ​ 今天看一下 FutureTask源码。好吧&#xff0c;其实遇到问题了&#xff0c;哪里不会点哪里。 伪代码 package src.executor;import org.springframework.scheduling.annotation.AsyncResult; import org.springframework.sche…

为什么MySQL数据库要用B+树存储索引

A&#xff1a;为什么MySQL数据库要用B树存储索引&#xff1f; Hash的查找速度为O(1)&#xff0c;而树的查找速度为O(log2n)&#xff0c;为什么不用Hash作为数据库的存储索引呢&#xff1f; 树的话&#xff0c;无非就是前中后序遍历、二叉树、二叉搜索树、平衡二叉树&#xff0c…