两个div，一个固定宽度，另一个固定宽度

小编典典

两个div，一个固定宽度，另一个固定宽度

html

我有两个div容器。

虽然其中一个需要为特定宽度，但我需要对其进行调整，以便另一个div占用其余空间。有什么办法可以做到吗？

.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 -->

阅读 315

2020-05-10

共1个答案

小编典典

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;
}

您也可以使用这样做display:table，这通常是一种更好的方法：如何将输入元素与其标签放在同一行？

2020-05-10