欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

idiom的学习笔记(一)、三栏布局

程序员文章站 2022-07-09 18:19:40
三栏布局左右固定,中间自适应是网页中常用到的,实现这种布局的方式有很多种,这里我主要写五种。他们分别是浮动、定位、表格、flexBox、网格。 在这里也感谢一些老师在网上发的免费教程,使我们学习起来更方便!!! 先让大家看一下页面效果图: 代码我也给写了注释了,这个是很基础的一些知识点,下面就是他们 ......

三栏布局左右固定,中间自适应是网页中常用到的,实现这种布局的方式有很多种,这里我主要写五种。他们分别是浮动、定位、表格、flexBox、网格。

在这里也感谢一些老师在网上发的免费教程,使我们学习起来更方便!!!

 

先让大家看一下页面效果图:

idiom的学习笔记(一)、三栏布局

代码我也给写了注释了,这个是很基础的一些知识点,下面就是他们的代码!

 idiom的学习笔记(一)、三栏布局