佛系。 哦哦， 我明白了你要我写成一篇kan起来hen不好，像是小学生huo者没上过学的人写的SEO优化huo者网络技术文章。那么我来试试：

阅读本文，轻松掌握三列自适应布局技巧！

哎呀，说三列布局是什么呢？

没耳听。 哦，就是网页上的布局啦！就像是画画，把网页分成三份，一份大的和两份小的。大的是中间，小的分别在两边。这样kan起来舒服，也方便kan。

那怎么弄呢？

是不是？ 这个嘛，需要用到一种叫CSS的东西。CSS就是网页的打扮，让网页kan起来geng漂亮。

两种布局，要怎么选呢？

第一种是“浮动”，就像水一样漂来漂去，第二种是“定位”，就像站在原地不动。哪个好呢？这个嘛，kan你自己喜欢，事实上...。

先来学“浮动”吧

我算是看透了。 好的，我们先来学“浮动”。比如 我们要Zuo一个左边固定宽度，右边自适应宽度的布局，就像这样：

ran后用CSS来打扮它：

css

我始终觉得... float: left; width: 200px; height: 400px; }

这样就弄好了左边，接下来右边就需要自适应，也就是跟着网页宽度的变化而变化。

中间自适应， 也用CSS

尊嘟假嘟？ 中间的那部分，我们要它自适应，也就是不管网页怎么变，中间的那部分宽度dou会跟着变化。这个也简单：

margin-left: 200px; 往白了说... /* 这个值要和左边的宽度一样哦 */ }

这样，右边的宽度就会跟着网页宽度变化而变化了，那必须的！。

再来学“定位”

ran后我们再来学“定位”。这个就有点像把东西放在特定的位置，不让它乱动。

右边自适应的部分， 还是用margin-left：

margin-left: 200px; }

一下

这样，我们就学会了两种方法来Zuo三列自适应布局。第一种是“浮动”， 有啥用呢？ 第二种是“定位”。你可yi根据自己的需要来选择。

嘿嘿，是不是hen简单呢？

对呀，对呀，读完这篇，你肯定Neng轻松掌握三列自适应布局的技巧了！以后Zuo网页，就可yi用上这些小技巧，让你的网页变得好kan又实用哦！