我有两个div。一个应该是我的菜单,第二个只是标题。当我尝试使<li>
项彼此相邻浮动时,它会从其位置下降并影响我的标题div;它进入标题div(将其放入我的标题头)。
HTML:
<div class="menu">
<ul>
<li>Home</li>
<li>Query</li>
<li>Reports</li>
</ul>
</div>
<center><h3 class="empbox">Attendnace & Absence</h3></center>
CSS:
.empbox
{
height:30px;
background:-moz-linear-gradient(left, #FFFFFF 0%,#6C8483 50%,#FFFFFF 100%);
background:-webkit-linear-gradient(left, #FFFFFF 0%,#6C8483 50%,#FFFFFF 100%);
background:linear-gradient(left, #FFFFFF 0%,#6C8483 50%,#FFFFFF 100%);
width:100%;
display:block;
color:White;
margin-top:190px;
padding-top:10px;
}
.menu
{
background:white; color:Black;
}
.menu ul
{
list-style:none;
padding-right:20px;
}
.menu li
{
float:left;
}
我想让我的李超越标题。我想知道为什么<li>
不是唯一受影响的元素。我指定的是<li>
元素,而不是整个div。
无法发表评论,所以让我们这样吧...我不知道您实际上想要什么。你能描述得更好吗?无论如何,您不需要浮动列表项。如果您将ul
浮动并给display: inline
一个<li>
,那应该就足够了。无论如何,这是一个解决的问题。现在等待您的回复。
您可以用<div>
包裹标题,以清除浮点数。 <center>
标签也已弃用。