作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我刚开始做一个基本的页面布局时,我又遇到了一个我不太能理解的问题。为什么我的页面左侧有一个列表框比其他列表框高?任何信息将不胜感激。谢谢
<html>
<head>
<style>
body{
background-color:#5187B9;
font-size:120%;
color:#666666;
}
li{
list-style:none;
}
#wrapper{
margin:0 auto;
width:960px;
}
.top{
width:100%;
}
.block01{
clear:both;
background-color:white;
border-radius:4px;
border:1px solid white;
}
.menu{
width:100%;
height:45px;
padding-top:5px;
background-color:#E8EFF6;
}
.menu ul{
height:40px;
margin-left:20px;
}
.menu li{
float:left;
margin-left:5px;
margin-right:5px;
padding:5px;
background-color:#8888F6;
color:#277098;
}
.block02{
clear:both;
width:100%;
color:white;
}
.block02 ul{
width:100%;
clear:both;
color:black;
}
.block02 li{
float:left;
height:300px;
width:120px;
border-radius:4px;
border:1px solid white;
background-color:white;
}
.block02 ul .list02{
margin-left:20px;
margin-right:20px;
}
.block03{
clear:both;
width:100%;
background-color:white;
padding:10px;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="top">
</div>
<div class="block01">
<div class="menu">
<ul>
<li>ホーム</li>
<li>特徴</li>
<li>プラン</li>
</ul>
</div>
</div>
<div class="block02">
<ul>
<li class="list01"></li>
<li class="list02"></li>
<li class="list03"></li>
</ul>
</div>
<div class="block03">
</div>
</div>
</body>
</html>
最佳答案
删除 .block02 ul
上的 clear:both
关于html - HTML 列表中的第一个列表项显得稍高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15494467/
我是一名优秀的程序员,十分优秀!