css中img如何定位,使用CSS定位img

下面是我的HTML代码的简化。我想将div中的img C放在div A中而不考虑元素B. B有一个宽度为70px的背景图像，C的宽度为300px。 div A的宽度是屏幕的50％。使用CSS定位img

我不会把我的CSS代码，因为在这一点上它好像我已经试过显示，边缘，左性质的每一个可能的组合。我被卡住了，感到沮丧。帮帮我！

#containsA {

position: absolute;

right: 0px;

top: 0px;

width: 50%;

height: 100%;

background: white;

}

#A {

position: relative;

top: 0px;

width: 100%;

height: 70px;

}

#B {

position: relative;

display: inline;

background-image: url('some.png');

height: 70px;

width: 70px;

top: 0px;

float: left;

}

#B:hover {

cursor: pointer;

background-image: url('someOther.png');

height: 70px;

width: 70px;

}

#C {

position: absolute;

left: 50%;

transform: translateX(-50%);

height: 70px;

width: 300px;

}

2014-03-02

Jeimuzu

+0

http://jsfiddle.net/可能会帮助我们理解您的问题。 –

+0

为什么你只有一个开放的div有两个结束标签？ –

2014-03-02 16:45:29

+0

谢谢，但这不是问题的根源 –