我试图设置显示为块元素的锚标记的不同高度和字体大小 但是每次字体大小最终都会覆盖元素的高度..任何想法?
div{
background: #916a31;
height: 2.3em;
}
ul, li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
ul {
float: left;
background: orange;
height: 2em;
width: 100%;
}
li {
}
li a{
display: block;
font-size: .5em;
font-family: tahoma;
color: white;
text-decoration: none;
line-height: 2em;
height: 2em;
background: red;
padding: 0 10px;
}
<div class="div cf">
<ul class="unlist">
<li><a href="#" class="anchor">one </a></li>
<li><a href="#" class="anchor">two</a></li>
<li><a href="#" class="anchor">three</a></li>
<li><a href="#" class="anchor">four</a></li>
</ul>
</div>
答案 0 :(得分:0)
你想要一个不同大小的更高层元素可以添加一个&#39; !important&#39;在它的css高度。试试吧 。 &#39; !important&#39;意味着元素应该使用最高优先级的高度值