html - 如何将DIV元素稍微移到顶部

我为悬停的导航栏编码的首页链接图像有问题。我的博客的网址如下：http://www.blankesque.com。理想情况下，我希望图像与其旁边的选项卡文本一致显示，但是无论我做什么，我似乎都无法稍微向上移动“主页”图标。我试图玩弄填充和边距值，但无济于事。我只需要向顶部移动大约15像素的图像，但是我不知道如何去做。我已经包括以下html和css编码：

#wctopdropcont {
width:100%;
height:45px;
display:block;
padding: 5.5px 0 0 0;
z-index:100;
top:-2px;
left: 0px;
position:fixed;

background:#f8f8f8;
opacity: 0.9;
filter: alpha(opacity=90);
 }
</style>

<div id='wctopdropcont'>

<ul>
<li><a href='http://www.blankesque.com'><img alt='Home' height='30px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/520FDB25-EAD9-4BB0-B621-B1BFE3B558A9_zpsua6eoor2.gif' width='30px'/></a></li>
</ul></div>

最佳答案

不要使用任何边距和内容。

问题是您在img上有填充。

设置填充：0只到第一个李，就可以了。

#wctopdropnav li:first-child { padding: 0; }

关于html - 如何将DIV元素稍微移到顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34485160/