发新话题
打印

css高度自适应 难解 跪求解决

css高度自适应 难解 跪求解决

【编码: utf-8】

<html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>高度自适应测试</title>
<style type="text/css">
#container{ width:700px; margin:0 auto;  border:2px solid #FF0000; }
#a {width:30px; height:auto; float:left; background-color:#00CCCC;}
#b { width:600px; height:auto; float:left; color:#00FF00; margin:0 30px; }
#c { width:30px; height:auto; float:left; background-color:#00CCCC;}
</style>
</head>
<body>

<div id="container">
<div id="a"></div>
<div id="b">
        <p>文字内容</p>
        <p>文字内容</p>
        <p>文字内容</p>
        <p>文字内容</p>
        <p>文字内容</p>
        <p>文字内容</p>
        <p>文字内容</p>
</div>
<div id="c"></div>
</div>

</body>
</html>

    我想要左右板块的颜色根据中间的内容板块高度来显示;请大家帮我看看,在线等……
那是需要设置背景图片来实现
设置container的背景为图片并以Y方向重复延伸即可
发新话题