本文探讨了实现三栏布局的六种方法，重点介绍了绝对定位法，包括中左右布局和左右中布局的实现细节，强调了中间部分通过left和right或margin-left/right的定位策略。
实现三栏布局有6种方法：
1.绝对定位法
2.圣杯布局
3.双飞翼布局
4.自身浮动法
5.flex布局
6.table布局
这里的绝对定位分两种：一种是左右中三部分都进行绝对定位，中间部分通过left和right来进行定位。另一种是左右部分进行绝对定位，中间宽度自适应。但这两种方法的html结构是不一样的。
中左右：绝对定位
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>三栏布局-绝对定位法(一)</title>
<style>
.middle,.left,.right{
position: absolute;
}
.left{
left:0px;
width:200px;
background-color: red;
}
.middle{
left:200px;
right:300px;
background-color: orange;
}
.right{
right:0px;
width:300px;
background-color: blue
}
</style>
</head>
<body>
<div class="middle">middle</d
最低0.47元/天 解锁文章
526
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
