CSS Padding - 显然我错过了一些东西

可以说我有一些像这样的标记:

想象一下,"容器"中填充了数百个用于填充测试目的的容器.

现在,我想要做的是在"容器"的边缘和左侧和右侧的内容之间创建一个空白区域.所以我补充说:

padding-left: 50px;
padding-right: 50px;

现在从我(我想到的)我理解的情况来看,这意味着如果之前每行安装100个,现在只有80左右.换句话说,"容器"将保持相同的宽度但向下增长.

但是,我所看到的是"容器"的大小是水平增加而不是垂直增加.

如何让"容器"垂直向下生长并保持水平相同的宽度？

您需要将宽度更改为800px,然后添加填充.填充是宽度的附加.

    W------W   - original width
   PW------WP  - original width plus padding either side
    PW----WP   - smaller width plus padding either side

Box模型由CanBerkGüder提供