html - 左对齐最大边距

Question

我在一个 div 中有 3 个元素 a、b、c。 a 和c 的大小是固定的，而b 可以改变它的大小。如何对齐 c，使 b 可以改变其大小但不影响 c 的位置？

我做了一个模型让它更清楚。我正在为 maximum-margin 或类似的东西锁定。

我还添加了一个 JSFiddle .如果您更改 .b 的宽度，.c 应保持在同一位置。目前情况并非如此。

Answer 1

你可以设置外部容器的宽度，你可以像这样 float .a,.c: DEMO

HTML:

<div class="container">
    <div class="a"></div>
    <div class="b"></div>
    <div class="c"></div>
</div>

CSS:

.container {
    width:600px;
}
.a {
    float:left;
    width: 100px;
    height: 300px;
    background-color: red;
    display:inline-block;
}
.b {
    width: 10px;
    height: 300px;
    background-color: blue;
    display:inline-block;
}
.c {
    float:right;
    width: 100px;
    height: 300px;
    margin-left: 200px;
    background-color: red;
    display:inline-block;
}
.a,.b,.c{
    margin:0 0 0 5px;
}

已更新 Demo - 具有指定的 .b 宽度和边距