html - 父级中的两个 div(左、右)，右边固定宽度，左边填充可用空间，都在同一行。 (没有位置相对/绝对)

Question

<分区>

Answer 1

你可以这样做:

JSFiddle - DEMO

CSS:

.container {
    width: 500px;
    background-color: bisque;
    height: 50px;
    display: table;
}
.container .left {
    background-color: burlywood;
    height: 50px;
    display: table-cell;
    width: 100%;
}
.container .right {
    background-color: chartreuse;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: text-top;
}