从0开始学编程(9)--(129)-- 三列自适应宽度

这个,真好啊,我先还担心呢,要是这样,我那个有地图的页面就可以把地图部分放中间,做自适应好了:http://www.deman.cc/DIV+CSS/442.html

三列自适应宽度，一般常用的结构是左列和右列固定，中间列根据浏览器宽度自适应。下面在二列自适应宽度基础上修改一下

<div id="side">此处显示 id "side" 的内容</div>
<div id="side1">此处显示 id "side1" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>



增加以下css样式：

#side1 { background: #99FF99; height: 300px; width: 120px; float: right; }