Board logo

标题: css高度自适应 难解 跪求解决 [打印本页]

作者: zhang3212599    时间: 2011-5-28 21:11     标题: 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>

    我想要左右板块的颜色根据中间的内容板块高度来显示;请大家帮我看看,在线等……
作者: divcss5    时间: 2011-5-30 08:41

那是需要设置背景图片来实现
设置container的背景为图片并以Y方向重复延伸即可




欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/) Powered by Discuz! 6.1.0