Html 当我最小化页面div时，扩展以匹配margin属性

所以，我很难找出我做错了什么。 当我将页面缩小到25%时，div正在扩展以匹配CSS代码中的margin属性

链接到

我希望它更像这个方形的内容（如果你明白我的意思）：

下面是css文件的一个片段：

.post{
    border-radius: 25px;
    margin: 250;
    margin-top: 10;
    margin-bottom: 10;
    background-color: rgba(188, 64, 119, 0.4);
    text-align: left;
    padding-bottom: 40;
}

html

<div class="post">
            <img id="cat" src="Imgs/cat.png" alt="cat-logo"/>
            <!-- text -->
</div>

---

我是新手，所以。。。请耐心等待。

尝试将此添加到您的规则中：

max-width: 970px;
margin: 10px auto;

如果定义了

max width

，则容器不能超过此值。

---

因此，现在您必须使用左右两侧的

margin

auto将容器居中。

尝试将此添加到您的规则中：

max-width: 970px;
margin: 10px auto;

如果定义了

max width

，则容器不能超过此值。

---

因此，现在您必须使用左右两侧的

margin

auto将容器居中。

您在

上使用的是无单位边距。post

-这是一种糟糕的做法。使用某种相对单位，如%。如果您将

.post{margin:25；}

更改为

.post{margin:25%；}

当您放大/缩小时，边距不会表现得很奇怪。

您在

.post

上使用的是无单位边距-这是一种糟糕的做法。使用某种相对单位，如%。如果您将

.post{margin:25；}

更改为

.post{margin:25%；}

当您放大/缩小时，边距不会表现出奇怪的行为。

不要忘记+1，并选中左侧的按钮以验证响应是否解决了您的问题！它说，我不能改变公开显示的帖子分数，直到我得到15分。发生这种情况时，我会确保它发生变化。：）不要忘记+1，并检查左侧的按钮，以验证响应，如果这解决了您的问题！它说，我不能改变公开显示的帖子分数，直到我得到15分。发生这种情况时，我会确保它发生变化。：）