放置在容器外部的图像会产生不必要的空

时间:2014-08-29 14:16:15

标签: html css wordpress

我似乎无法得到我想要的东西而且它让我疯狂,所以请尽可能帮忙! 我希望这个cmc图像放在它的容器/ textarea之外一点点,但是它会让我想要摆脱的所有空间。我使用的HTML是:

<img style="position: relative; top: -200px; left: 780px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio" />

如果您有任何建议,请告诉我们!我对这件事情都很陌生,所以非常感谢!

指向我网站的链接:live-it.dk

2 个答案:

答案 0 :(得分:0)

使用position:absolute。相对定位保持元素占用的原始空白。当你绝对定位它。该元素将从文档流中删除并放置在您指定的位置,然后折叠空白。您还必须使用此更改lefttop

<img style="position: absolute; top: -200px; left: 780px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio" />

答案 1 :(得分:0)

更改:

<img style="position: relative; top: -200px; left: 780px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio" />

<img style="position: absolute; top: 110px; left: 1310px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio">

应该有效

编辑: 试试这个

<img style="width: 220px; height: 220px; float: right; margin-top: -210px; margin-right: -89px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio">