題目:在頁面上有三個塊，左右塊的寬度高度固定，中間塊寬度撐滿在左右塊之間，然後中間塊的寬度可以跟著瀏覽器的變化而變化
答案一：
<div class="left">左</div>
<div class="right">右</div>
<div class="content">中</div>
.left {float:left;width:300px;height:500px;background:#F00;}
.right {float:right;width:200px;height:500px;background:#00F;}
.content {margin:0 200px 0 300px;height:500px;background:#CCC;}
答案二：
<body>
<div class="left fl">左</div>
<div class="body">中</div>
<div class="right fr">右</div>
</body>
.left,.right{ width:100px; height:200px; position:absolute; background:red; }
.fl{ left:0px; }
.fr{ right:0px; }
.body{ position:absolute; left:100px; right:100px; background:#ccc; }Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
