两栏布局
三栏布局
三栏布局包括
标签书写的时候，先写需要展示的标签，因为这个标签是最需要展示的，浏览器从上到下，会优先
解析和展示。
双飞翼布局：横向三栏
一般是两边固定，中间自适应
圣杯布局：纵向三栏
双飞翼布局
中间自适应的部分，可以使用一下方式
1，设置宽度为100%，设置padding的左右距离为左右两栏的宽度
2.我们不希望左右两栏开层，可以使用相对定位
圣杯布局
圣杯布局.png
三栏布局包括
标签书写的时候，先写需要展示的标签，因为这个标签是最需要展示的，浏览器从上到下，会优先
解析和展示。
双飞翼布局：横向三栏
一般是两边固定，中间自适应
圣杯布局：纵向三栏
中间自适应的部分，可以使用一下方式
1，设置宽度为100%，设置padding的左右距离为左右两栏的宽度
2.我们不希望左右两栏开层，可以使用相对定位
HTML 常用标签/分类/属性 标签的分类 CSS 布局：position、float 响应式布局：rem布局(移...
HTML 常用标签/分类/属性 标签的分类 语义化标签 CSS 布局：position、float 响应式布局：r...
两栏布局 三栏布局 双飞翼布局 圣杯布局
网页布局基础 什么是网页布局？网页布局是网页制作的基础（DIV+CSS网页布局） 分类:流式布局，浮动布局，绝对定...
元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型...
1.CSS布局 布局分类 固定宽度布局，一般宽度为960/1000/1024px 不固定宽度布局，主要靠文档流的原...
开篇十一章 1、元素分类 在讲解CSS布局之前，我们需要提前知道一...
慕课网: HTML+CSS基础课程 一、元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，ht...
1、页面布局代码标准，css、js文件样式统一外链的形式； 2、css样式重置，分类形式，公用样式放在base.c...
CSS布局 CSS布局方案整理
本文标题：CSS布局分类
本文链接：https://www.haomeiwen.com/subject/xehcvhtx.html
网友评论