本篇文章主要介绍了"DIV+CSS自适应布局"，主要涉及到CSS,div方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
自适应布局分两类：高度和宽度，方法有很多，我用三列布局举例，我就列几个通俗易懂的例子呗，懂了三列的，两列的原理一样，呵呵哒。效果图如下：高度自适应—...
html,
body { margin: 0; height: 100%; padding: 0; font-size: 30px; font-weight: 500; text-align: center;
}
.main { width: 100%; height: 100%; float: left;
}
.main .content { margin: 0 200px; background-color: azure; height: 100%;
}
.left,
.right { width: 200px; height: 100%; float: left; background-color: greenyellow;
}
.left { margin-left: -100%; //important
}
.right { margin-left: -200px; //important
}c，自身浮动，原理：中间列设置margin属性，就是把左右列分别左右浮动。注意：使用这个方法布局自适应的话，必须把自适应的那一列在html中放在left和right后面。
html代码：
<body><div class="left"> 200px
div><div class="right"> 200px
div><div class="main"> 自适应
div>body>css代码：
