我使用bootstrap创建了一个3 X 3列的DIV，因此当我向DIV添加左边距和上边距时，页面大小会水平增加。我希望在移动DIV时页面大小保持不变。

<代码>.col-4{背景色：黑色；宽度：100px；高度：100px；边距：10px 0 0 10px；}.容器{边距：100px 0 0 300px；}

<代码><；身体>；<；DIV类=“容器”>；<；DIV类=“ row ”>；<；DIV类=“ col-4 ” ID=“方形_1 ”>；<；/DIV>；<；DIV类=“ col-4 ” ID=“方形_2 ”>；<；/DIV>；<；DIV类=“ col-4 ” ID=“方形_3 ”>；<；/DIV>；<；/DIV>；<；DIV类=“ row ”>；<；DIV类=“ col-4 ” ID=“方形_4 ”>；<；/DIV>；<；DIV类=“ col-4 ” ID=“方形_5 ”>；<；/DIV>；<；DIV类=“ col-4 ” ID=“方形_6 ”>；<；/DIV>；<；/DIV>；<；DIV类=“ row ”>；<；DIV类=“ col-4 ” ID=“方形_7 ”>；<；/DIV>；<；DIV类=“ col-4 ” ID=“方形_8 ”>；<；/DIV>；<；DIV类=“ col-4 ” ID=“方形_9 ”>；<；/DIV>；<；/DIV>；<；/DIV>；<；/正文>；

顺晟科技：

到目前为止，无论我用你的代码尝试了什么，水平大小都没有改变。然而，如果你能解释一下你想要达到的目标和问题所在，我也许能帮上忙。

是更合适的方法，这将为您提供更多的灵活性来处理框，避免默认的边距和填充，并将以简单的方式节省容器宽度。

要实现这一点，请使用以下内容

<代码><；DIV类="；容器"；>；<；DIV类="；D-Flex"；>；<；DIV类="；第4列"；ID="；方形_1"；>；<；/DIV>；<；DIV类="；第4列"；ID="；方形_2"；>；<；/DIV>；<；DIV类="；第4列"；ID="；方形_3"；>；<；/DIV>；<；/DIV>；<；DIV类="；D-Flex"；>；<；DIV类="；第4列"；ID="；方形_4"；>；<；/DIV>；<；DIV类="；第4列"；ID="；方形_5"；>；<；/DIV>；<；DIV类="；第4列"；ID="；方形_6"；>；<；/DIV>；<；/DIV>；<；DIV类="；D-Flex"；>；<；DIV类="；第4列"；ID="；方形_7"；>；<；/DIV>；<；DIV类="；第4列"；ID="；方形_8"；>；<；/DIV>；<；DIV类="；第4列"；ID="；方形_9"；>；<；/DIV>；<；/DIV>；<；/DIV>；

和CSS使用以下代码

<代码>.col-4{背景色：黑色；高度：100px；边距：10px 0 0；弹性：0032%；}.容器{边距：100px 0 0 300px；}.容器>；*{正当-内容：间隔空间；}

享受吧！