Dwa divy, jeden o stałej szerokości, drugi, zajmujący resztę przestrzeni - jak to zrobić?

Question

Mam dwa kontenery div.

Chociaż trzeba mieć określoną szerokość, muszę ją wyregulować, aby drugi div zajął resztę przestrzeni. Czy jest jakiś sposób, żeby to zrobić?

.left {
    float: left;
    width: 83%;
    display: table-cell;
    vertical-align: middle;
    min-height: 50px;
    margin-right: 10px;
    overflow: auto;
}

.right {
    float: right;
    width: 16%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    min-height: 50px;
    height: 100%;
    overflow: auto;
}

<div class="left"></div>
<div class="right"></div> <!-- needs to be 250px -->

html div

Answer 1 · 5 lat temu

html:

<div class="right"></div>
<div class="left"></div>

css:

.left {
    overflow: hidden;
    min-height: 50px;
    border: 2px dashed #f0f;
}

.right {
    float: right;
    width: 250px;
    min-height: 50px;
    margin-left: 10px;
    border: 2px dashed #00f;
}

Dwa divy, jeden o stałej szerokości, drugi, zajmujący resztę przestrzeni - jak to zrobić?

1 odpowiedź

Twoja odpowiedź