Html 相对定位不正常

因此，我尝试定位我的内容框，它在左侧工作正常，但当我尝试更改右侧值时，它不允许。正如你所看到的，我有四个图像，但我想显示三个，因此我尝试增加正确的值，使长方体只能容纳三个（并将其放在中间一点）

我可以把它改成正确的填充，而不是正确的填充，但我不明白为什么会这样？我的理解是：Padding=内容和边框之间的距离，right=距离边缘有多远

图片： 这是我的内容框代码（图像在另一个框中）

谢谢

编辑：html（删除了一些图像代码）

看#1
看#2
看#3

您对相对定位的理解完全错误。听起来你把它和页边空白混淆了

相对定位时，根据正常流量调整元件尺寸和位置（即，如同静态定位一样），然后根据

左侧

/

右侧

/等偏移整个框。这可能导致其与其他元件重叠

有关视觉表示，请参见

它根本不会调整盒子的大小，因此它不会影响它可以容纳多少内容

---

如果要控制元素的宽度，请使用

width

、

padding

、

border

和/或

margin
可以对内部内容div图像使用margin

.images{
    display: inline-block;
    margin:0 20px 0 20px;
}

并设置父div

.imagesArea {
    position:relative;
    top:15px;
    left:100px;
    padding-right:180px;
    text_align:center;
}

当你想在一行中显示3幅图像时，它会对你有用。
你能分享你的html吗？如果可能的话，在@jsfiddle.netsure中摆弄它，我的html不是很相关，尽管我不这么认为？因为它基本上只是一个盒子（div），里面有另一个div？如果我修改了你的数据，我会得到这样的东西，jsfiddle.net/CBW39/看起来不像屏幕截图中的东西，所以试着在fiddle更新中放入适当的代码并与我们分享你的链接，不需要图像r这里有链接@AlexP2014，最好使用ul>li>a>图像，而不是div
.images{
    display: inline-block;
    margin:0 20px 0 20px;
}

.imagesArea {
    position:relative;
    top:15px;
    left:100px;
    padding-right:180px;
    text_align:center;
}