Question

我有以下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。

谢谢！

Answer 1

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

帮助div - 使div适合剩余的宽度

1 个答案: