典型的三行两列高度自适应布局
典型的三行两列居中高度自适应布局
如何使整个页面内容居中，如何使高度自适应内容自动伸缩，这是学习 CSS 布局最常见的
问题。
下面给出一个实际的列子，附详细说明。
首先可以将下列代码复制到 html 文件中运行一下，在 mozilla、opera 和 ie 浏览其中，均可
达到居中且自适应高度的要求。
<html>
<head>
<style type="text/css">
body
{
background:#999;
text-align:center;
color:#333;
font-family:Arial, Verdana, Sans-serif;
}
#header
{
width:776px;
margin-left:auto;
margin-right:auto;
padding:0px;
background:#eee;
height:60px;
text-align:center;
}
#container
{
margin-left:auto;
margin-right:auto;
width:776px;
}
#mainbg
{
width:776px;
padding: 0px;
background:#60A179;
float:left;
}
评论0