所謂自適應布局，從頁面上展示出來，就是字體、盒子大小隨着視口 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的特性 這個效果 ...

　　在講布局前，先說兩句題外話，寫博時，突然想到了郭德綱說過的一個段子“說兩個人罵架，不是你有理，你嗓門大，你唾沫星子崩我一臉，你就能罵贏，要看誰命長，過兩年你死了，我站你墳頭咋說咋是對的，你在那小匣里還能站起來說啥不”。 　　為什么要說這個老梗呢，其實前端寫頁面布局，差不多就是這個道理 ...