我试图在不影响标题大小的情况下将列表项移到标题上方,有人可以告诉我如何做吗?
下面是我的index.html中的代码
<header>
<div id="service-buttons">
<nav>
<ul>
<li><a href="index.html">Unblacklisting</a></li>
<li><a href="about.html">iCloud Removal</a></li>
<li><a href="services.html">Clean IMEI</a></li>
<li><a href="index.html">Buy & Sell</a></li>
<li><a href="about.html">Reported Lost</a></li>
<li><a href="services.html">Sim Cards</a></li>
</ul>
</nav>
</div>
</header>
这是我的styles.css中的代码
header #service-buttons {
margin-top:10px;
}
答案 0 :(得分:0)
尝试设置填充而不是边距:
header #service-buttons {
padding-top:10px;
}
答案 1 :(得分:0)
您可以尝试:
header {
position: relative;
...
}
header #service-buttons {
position: absolute;
bottom: 2px; // change according to your need
right: 4px; // change according to your need
}
答案 2 :(得分:0)
以下代码将对您有所帮助: 应用于ID服务按钮
#service-button { padding:8px; margin-top:20px; }