所谓自适应布局，从页面上展示出来，就是字体、盒子大小随着视口 viewport的大小变化而变化。 依赖于 单位 rem 的运用。 首先引入一段JS代码，这段代码负责调解html中 font-size 字体的大小变化，让字体随窗口的增大而增大 接着设置网页宽度等于屏幕宽度 ...

一、网格布局 1、常规情况 html代码 设置主容器 设置子容器 产生的效果 2、嵌套 只需要在html页面子容器内再嵌套相应的代码 再为嵌套容器的父容器ntc 及其子容器 添加布局和样式 ...

前言 最近在准备整理基础，准备跳槽，找个好一点的东家。😎 记录学习整理的过程，希望能帮到年后跳槽的你，让我们一起来巩固基础吧。目前在一家国企单位，朝九晚五的生活让我感到舒适，有大量的时间 ...

一、文档流（normal flow） 1、概念 2、BFC（Block formatting context） 3、BFC规则 二、浮动布局 float: 浮动布局, 改变BFC的参照方位为什么要使用: 使用它, 块级盒子就会同行显示 1、解决 ...

前言 最近在准备整理基础，准备跳槽，找个好一点的东家。😎 记录学习整理的过程，希望能帮到年后跳槽的你，让我们一起来巩固基础吧。目前在一家国企单位，朝九晚五的生活让我感到舒适，有大量 ...

1.内容水平排列-左对齐 需要在父节点上添加：display:flex;表示使用Flex布局。 flex-direction:row; /* 表示内容直接横排列 */ 2.内容横排列-反转右对齐 flex-direction:row-reverse 3.垂直排列 ...

float的特性一 .元素‘浮动’ .脱离文档流 .但不脱离文本流 首先看一个案例，直观的了解下float的特性 这个效果 ...

　　在讲布局前，先说两句题外话，写博时，突然想到了郭德纲说过的一个段子“说两个人骂架，不是你有理，你嗓门大，你唾沫星子崩我一脸，你就能骂赢，要看谁命长，过两年你死了，我站你坟头咋说咋是对的，你在那小匣里还能站起来说啥不”。 　　为什么要说这个老梗呢，其实前端写页面布局，差不多就是这个道理 ...