我无法在CSS中移动我的img元素

时间:2015-08-02 21:21:27

标签: css position

为什么我不能将图片向左移动一点?我可以将它移到右边,但不能离开。我使用了边距和填充;既没有奏效。这是HTML:

<aside id="sidenews">
    <img src="live.jpg" alt="Mountain View">

和CSS:

#sidenews {
    float:right;
    margin: 40px 0px;
    padding:15px;
    border:1px solid yellow;
    height: 305px;
    width: 247px;
}

aside img {
    margin:0px;
    margin-right:5px;
}

2 个答案:

答案 0 :(得分:1)

将您的旁边img从margin: 0;margin-right: 0;更改为margin: 0 5px 0 0;,因为除非您想要添加margin: 0;,否则margin-right: 5 !important;会使您的边距无法使用/ p>

&#13;
&#13;
aside img {
    margin: 0 5px 0 0; /* this will work */
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我改变了一点我想将图片放在黄色边框内我设置了它但你知道当我按下ctrl并滚动鼠标使页面变小或变大然后图片上下变换为什么这个这里发生的是html:

< aside id="side_news" >

< / aside >

< div id = " pic ">

     < img src= " live.jpg" alt= " Mountain View " >

 < / div >

and css:

#side_news{ 

float:right;

margin: 40px 0px; 

padding:15px; border:1px solid yellow; 

height: 305px;

width: 247px; 

} #pic{ 

clear:both; 

margin-left:730px; 

position: relative; 

bottom: 990px;

 }