我正在创建一个像这样的列表菜单:
问题是我希望列表的高度为
我尝试了使用
请问有谁能帮帮我,我错过了什么吗?
我已经创建了一个演示。以下是我的代码:
- 顶部的某个标题
h1
- 下面是列表,其中包含
li
项
body {
margin: 0;
padding: 0;
}
body>ul {
text-align: center;
height: 78px;
}
body>ul>li {
display: inline;
background: blue;
height: 80px;
}
body>ul>li>h1 {
display: block;
/* width:100%; */
background: orange;
}
a {
color: white;
}
<ul>
<li class="large-list">
<h1>I WANT 100% WIDTH</h1>
</li>
<li><a href="#">TRy</a></li>
<li><a href="#">TRy</a></li>
<li><a href="#">TRy</a></li>
</ul>
80px
(举个例子),并且我希望它在h1
下面。我尝试了使用
display:inline
代替inline-block
,但是当它是行内元素时,我无法在css中使用height: 80px
。请问有谁能帮帮我,我错过了什么吗?