Question

我有3个div。它们中的每一个都是内联块。左边的一个漂浮在左边。正确的一个漂浮在右边。中间的一个也漂浮在右边。外部div具有固定的宽度。我想要做的是，中间div填充其他div之间的整个空间。我无法指定宽度，因为它应该适用于屏幕的每个宽度。这是代码。

<div id="wrapper">
    <div id="right"></div>
    <div id="middle"></div>
    <div id="left"></div>
</div>

#wrapper {
    width: 100%;
}
#left {
    float: left;
    width: 50px;
}
#right {
    float: right;
    width: 50px;
}
#middle {
    float: right;
}

Answer 1

您只需要移除float:right;上的#middle，然后将其放在HTML标记中#left和#right之后。

请参阅 FIDDLE

HTML：

<div id="wrapper">
    <div id="right"></div>
    <div id="left"></div>
    <div id="middle"></div>
</div>

CSS

#wrapper {
    width: 100%;
}
#left {
    float: left;
    width: 50px;
}
#right {
    float: right;
    width: 50px;
}

使用另一个内联块填充两个内联块之间的剩余空间

1 个答案: