Html 水平中心分区';它具有绝对位置

Html 水平中心分区';它具有绝对位置,html,css,Html,Css,我在一个分区内有三个分区。divs的位置是绝对的,因为我想要在3个div之间有一个非常小的间隙,但是当我想要使div水平时,什么也没有发生。我该怎么办 #columnL{ 宽度:412px; 高度:705px; 位置:绝对位置; 左:0; } #专栏{ 宽度:412px; 高度:705px; 右:0; 左:0; 位置:绝对位置; } #专栏作家{ 宽度:412px; 高度:705px; 位置:绝对位置; 右:0; } 正文 正文 正文 使用相对定位规则创建父div。像这样: #blabla

我在一个分区内有三个分区。divs的位置是绝对的,因为我想要在3个div之间有一个非常小的间隙,但是当我想要使div水平时,什么也没有发生。我该怎么办

#columnL{
宽度:412px;
高度:705px;
位置:绝对位置;
左:0;
}
#专栏{
宽度:412px;
高度:705px;
右:0;
左:0;
位置:绝对位置;
}
#专栏作家{
宽度:412px;
高度:705px;
位置:绝对位置;
右:0;
}

正文
正文
正文

使用相对定位规则创建父div。像这样:

#blabla {
  position: relative;
}
img {
  width: 100%;
}
为每张卡指定
边距:自动
#columnL
#columnlm
#columnL

然后按下
img
标签的
width:100%
。像这样:

#blabla {
  position: relative;
}
img {
  width: 100%;
}
但是为什么您需要绝对定位

#blabla{
位置:相对位置;
}
#圆柱{
宽度:412px;
高度:705px;
位置:绝对位置;
左:0;
保证金:自动;
}
#专栏{
宽度:412px;
高度:705px;
右:0;
左:0;
位置:绝对位置;
保证金:自动;
}
#专栏作家{
宽度:412px;
高度:705px;
位置:绝对位置;
右:0;
保证金:自动;
}
img{
宽度:100%;
}

正文
正文
正文

@j08691当我在另一台设备上查看网站时,图像会重叠,我想在这3个图像之间留出一个小间隙。我可以使用relative,因为图像会在另一个屏幕上重叠。。你会推荐什么?@Tim,我给了你第二个解决方案(第二个片段)+描述。此解决方案使用间隙规则缩进。如果你需要绝对定位,我做了另一个绝对定位的父块。