css图像左不工作

-1

我不知道为什么我的左图不工作的形象。它不与#new_index_body_slide_image_2 imgcss图像左不工作

这里工作，如果我有#new_index_body_slide_image_2尝试，也不是我的代码：

#index_content { 
 
    position: absolute; 
 
    top: 200px; 
 
} 
 
#new_index_body_slide_image_2 { 
 
    position: absolute; 
 
    left: 30px; //not working 
 
}

<div id="body" style="height:600px"> 
 
    <div id="index_content"> 
 
    <div id="index_content_slide"> 
 
     <div id="new_index_body_slide_image_1"> 
 
     <img src="images/content_img/kuca2.jpg"> 
 
     </div> 
 
     <div id="new_index_body_slide_image_2"> 
 
     <img src="images/content_img/new_gips.jpg"> 
 
     </div> 
 
    </div> 
 
    <button onclick="test()">Click me</button> 
 
    </div> 
 
</div>

来源

2016-08-03 Pacijent

没有摄制。它在共享代码中工作得很好。 https://jsfiddle.net/4wgLnm5f/ – PeeHaa

同样在这里，没关系https://jsfiddle.net/ec6qt026/ – Pietro

它的工作绝对没问题。默认div的将被渲染为块，所以第二个图像将定位在下一行，并且距离左侧的位置为30px。

解释这个问题：

#index_content { 
 
    position: absolute; 
 
    top: 200px; 
 
} 
 
#new_index_body_slide_image_2 { 
 
    position: absolute; 
 
    left: 30px; //not working 
 
} 
 
img { 
 
    border: 1px solid red; 
 
}

<div id="body" style="height:600px"> 
 
    <div id="index_content"> 
 
    <div id="index_content_slide"> 
 
     <div id="new_index_body_slide_image_1"> 
 
     <img src="http://i.imgur.com/8MqehqH.png"> 
 
     </div> 
 
     <div id="new_index_body_slide_image_2"> 
 
     <img src="http://i.imgur.com/pNgIqxQ.png"> 
 
     </div> 
 
    </div> 
 
    <button onclick="test()">Click me</button> 
 
    </div> 
 
</div>

如果您希望将图像位置，旁边是对方（在同一行）。在第二张图片上尝试top: 0。

定位图像并排：

#index_content { 
 
    position: absolute; 
 
    top: 200px; 
 
} 
 
#new_index_body_slide_image_2 { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 30px; 
 
    /* not working */ 
 
} 
 
img { 
 
    border: 1px solid red; 
 
}

<div id="body" style="height:600px"> 
 
    <div id="index_content"> 
 
    <div id="index_content_slide"> 
 
     <div id="new_index_body_slide_image_1"> 
 
     <img src="http://i.imgur.com/8MqehqH.png"> 
 
     </div> 
 
     <div id="new_index_body_slide_image_2"> 
 
     <img src="http://i.imgur.com/pNgIqxQ.png"> 
 
     </div> 
 
    </div> 
 
    <button onclick="test()">Click me</button> 
 
    </div> 
 
</div>

来源

2016-08-03 08:02:05 Pugazh

-1

将其更改为position:relative

来源

2016-08-03 07:42:53 any

css图像左不工作

回答

相关问题