如何解决为什么最后一个元素页脚超过父级高度？
| 为什么页脚元素原本应该是其父包装的高度的一小部分，却超出了其父包装的高度。<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>Slicing</title>
<style type=\"text/css\">
html,body{
margin:0px;
padding:0px;
width:100%;
height:100%;
}
div#wrapper{
margin:0px;
padding:0px;
width:100%;
height:100%;
line-height:normal;
border:#C00 thick groove;
background-color:#FF3;
}
div#wrapper div#header{
width:100%;
height:30%;
border:#F00 medium double;
}
div#wrapper div#body{
width:100%;
height:50%;
border:#F00 medium double;
}
div#wrapper div#footer{
width:100%;
height:20%;
border:#F00 medium double;
}
</style>
</head>
<body>
<div id=\"wrapper\">
<div id=\"header\">
<div id=\"hlogo\">
</div>
<div id=\"hdesign\">
</div>
<div id=\"hTestimonial\">
</div>
</div>
<div id=\"body\">
</div>
<div id=\"footer\">
</div>
</div>
</body>
</html>
解决方法
您的ѭ1组合在一起会使它过高。
border
height
6px
border
18px
box-sizing: border-box
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。