我有以下HTML代码：
<div class="a">
<div class="b">
<a href="#">text</a>
</div>
<div class="c">
text
</div>
</div>
div.a
{
margin-top: 10px;
clear: left;
float: left;
width: 100%;
text-align: center;
}
div.b
{
padding: 27px 10px 7px 10px;
background-color: #fff;
overflow: hidden;
float: left;
}
div.c
{
float: left;
}
我应该为div.c设置哪些样式,使其位于div.b旁边并适合剩余的宽度？
这是一个适合100％屏幕的tempalte.
谢谢！
解决方法
<div class="a">
<div class="b">
<a href="#">click here to be amazed!</a>
</div>
<div class="c">
this is some awesome text
</div>
</div>
<STYLE>
div.a {
border: 1px solid red;
}
div.b {
float: left;
border: 1px solid blue;
}
div.c {
border: 1px solid green;
}
</STYLE>
