Question

设置：两个内联块元素a＆amp; b里面的c 如果在css中b的宽度为100％，则b将在c的宽度之外延伸。（c有空格：nowrap; set）目标是通过css将b设置为正确的宽度，使a＆b适合而不会溢出。即宽度c = a + b的宽度

我能够实现这一目标的唯一方法是从javascript设置b.width（parent.width（） - a.width（））。但目标是避免javascript＆amp;只需使用css，＆amp;或html结构中的更改来获得b的正确宽度。

问题：'是否可以设置b的宽度而不使用javascript'？

如果上面不清楚，有一个代码和可见的html的示例 http://jsfiddle.net/9aQhR/45/ 日Thnx

Answer 1

要使两个图层都适合父图层，而不为图层b明确指定宽度，则需要浮动图层a，如下所示：

<div class='outer3'>
    <div class='a1'></div>
    <div class='c1'>test</div>
</div>

<style>
    .a1 {
        float: left;
        background-color: rgb(255,0,0);
        height: 40px;
        width: 20px;
    }

    .c1 {
        height: 40px;
        background: #0000ff;
    }

    .outer3 {
        width: 200px;
        border: 1px solid black;
        margin: 0px;
        padding: 0px;
        background: #00ff00;
    }
</style>

示例也可以在这里找到：http://jsfiddle.net/fbewp/16/

如何设置内联块html元素的宽度以填充父级而不扩展外部父级

1 个答案: