您现在的位置: 365建站网 > 365学习 > 一道15分的css题

一道15分的css题

文章来源:365jz.com     点击数:179    更新时间:2011-02-17 15:40   参与评论

题目:在页面上有三个块,左右块的宽度高度固定,中间块宽度撑满在左右块之间,然后中间块的宽度可以跟着浏览器的变化而变化

答案一:

<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
{ width:100%; position:absolute; left:100px; right:100px; background:#ccc; }

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (179人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------