Html代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<link href="right.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div id="left"></div>
<div id="right"></div> </form>
</body>
</html>css如下:
#left
{
float:left;
}
#right
{
float:right;
width:6px;
height:100%;
background-color:#1873aa;
}我想达到的效果是右边的那个div填充颜色,要求竖下来一直到页面底部的.但我现在的效果变成只显示一点点了.如果把height:100%;变成height:100px,那就显示100px的高度了.
希望大家帮忙..
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<link href="right.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div id="left"></div>
<div id="right"></div> </form>
</body>
</html>css如下:
#left
{
float:left;
}
#right
{
float:right;
width:6px;
height:100%;
background-color:#1873aa;
}我想达到的效果是右边的那个div填充颜色,要求竖下来一直到页面底部的.但我现在的效果变成只显示一点点了.如果把height:100%;变成height:100px,那就显示100px的高度了.
希望大家帮忙..
是没有道理得。
因为系统不知道你的100% 是多少,必须在这个div外面套一个大div,指定高度。<div style="height: 100%;">
<div id="left">
</div>
<div id="right">
</div>
</div>
<div style="height: 700px;">
<div id="left">
</div>
<div id="right">
</div>
</div>也就是说,必须有个指定高度得框架
<div id="left">
</div>
<div id="right">
</div>
<div class="clear"></div>
</div>#sitemain
{
clear:both; width:970px; height:auto; background-image:url(pbg.gif); background-position:center; background-repeat:repeat-y;
}
.clear {clear: both; font-size:1px;}
#right
{
float:right;
width:6px;
height:auto;
}pbg.gif为右边6px的#1873aa; 的颜色。
楼主应该知道css里面有个属性叫min-height吧。你可以设置这个值为最小值,这样的话,设置最小高度,如果高出最小高度,
就会自动撑开