div+css高度自适应问题，在线求解决；

【编码：utf-8】<html<head><metahttp-equiv="Content-Type"content="text/html;cha... 【编码： 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> 我想要左右板块的颜色根据中间的内容板块高度来显示；请大家帮我看看，在线等…… 展开

 我来答

4个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

AI社
2011-11-29 · 超过21用户采纳过TA的回答

知道答主

回答量：120

采纳率：100%

帮助的人：31.3万

我也去答题访问个人页

关注

展开全部

<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;
background-color: #A0A0A4;
margin-top: 0;
margin-right: 10px;
margin-bottom: 0;
margin-left: 10px;
}
#c { width:30px; height:auto; float:right; background-color:#00CCCC;}
#a,#c{ padding-bottom:10000px; margin-bottom:-10000px;} </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>

已赞过 已踩过<

评论收起

慕惠年华
2011-11-29 · TA获得超过152个赞

知道小有建树答主

回答量：319

采纳率：0%

帮助的人：314万

我也去答题访问个人页

关注

展开全部

<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;}
#a,#c{ padding-bottom:10000px; margin-bottom:-10000px;}    /*这句是关键*/
</style>

<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>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

404098876
2011-11-21 · 超过23用户采纳过TA的回答

知道答主

回答量：154

采纳率：0%

帮助的人：77.1万

我也去答题访问个人页

关注

展开全部

<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:#f00;}
</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 style="clear:both"></div>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

无忧亦无愁
2011-11-21 · 超过33用户采纳过TA的回答

知道答主

回答量：111

采纳率：0%

帮助的人：38.6万

我也去答题访问个人页

关注

展开全部

颜色根据高度来显示？我擦晕了。。。

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

div+css高度自适应问题，在线求解决；

其他类似问题

为你推荐：