Question

这是一个带有我问题代码的JSfiddle： https://jsfiddle.net/367v2n1q/14/

在右侧，您会看到一个固定位置的红色条。我试图让身体的最小宽度为808像素，但它让我将身体重新调整到小于808。

当中心div达到808像素宽时，它会停止收缩，但是右边的固定div会继续运行并包围剩下的内容。

CSS

$places = "london";
mysql_query("UPDATE uyeler SET shootplaces= shootplaces + '".$places."' WHERE nick='admin'")

HTML片段

body.total{
    background-color: black;
    position: relative;
    min-width: 808px;
}
.rightSidePane {
    position: absolute;
    background-color: red;
    clear: both;
    top: 0;
    right: 0;
}

Answer 1

我弄明白了这个问题。我需要在右侧使用div的绝对定位。这是固定的JS小提琴：https://jsfiddle.net/367v2n1q/15/

这是固定的CSS：

body.total{
    background-color: black;
    position: relative;
    min-width: 840px;
}
.rightSidePane {
    position: absolute;
    background-color: red;
    clear: both;
    top: 0;
    right: 0;
}

HTML保持不变。感谢@Roope指出身体从未低于808px宽度，我不知道为什么我没有抓住它，但你指出了我正确的方向。

为什么身体最小宽度不能与固定的div一起使用？

1 个答案: