相对位置向左移动导致内容保持正确

时间:2015-11-26 10:22:37

标签: html css

我试图摆脱使用负偏移将左浮动div向左移动时产生的间隙。

有问题的网站:

http://www.imvu-e.com/services/hov/index_wip.php?avatar22=191;741328;2145830;3414888;4683846;5542063;6041125;6698072;8508954;11856954;13682868;14965631;20383310;21560759;22275311;22351471;22697202;25083685;30621584;30678733;31548266

pic类

.pic {
    float: left;
    width: 175px;
    height: 750px;
    margin-right: 22px;
    position: relative;
    left: -191px;
}

这就是我将图片向左移动的方式,我希望右边的内容(衣服,阿凡达和皮肤,头部和脸部)保持对齐;类似于配件的定位方式。

我想避免使用相同的过程将它们移动到左侧。

3 个答案:

答案 0 :(得分:1)

您好现在定义 id #avatar_products position: relative;和您的班级 .pic position: absolute;left: -192px;

就像这样

#avatar_products{position: relative;}
.pic{    position: absolute;left: -192px;}

结果是这个

enter image description here

答案 1 :(得分:0)

由于您的网站没有响应且没有调整大小/移动,您可以定位pic / guy absolute,从页面流中删除该元素并修复您的问题。

CSS:

.pic {
    float: left;
    height: 750px;
    left: 497px;
    margin-right: 22px;
    position: absolute;
    width: 175px;
}

答案 2 :(得分:0)

我认为你只需要从当前位置替换你的具有类pic的div并放在菜单下面。然后从类pic中删除left属性,并将位置更改为absoute 。之后,您只需调整顶部位置。