h5新标签IE8不兼容怎么办？

最新推荐文章于 2025-08-07 21:48:39 发布

weixin_30316097

最新推荐文章于 2025-08-07 21:48:39 发布

阅读量115

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jinsuo/p/6956260.html

本文介绍了一个简单的HTML5页面布局示例，包括头部、主体内容区域、侧边栏及底部内容的设计。通过CSS样式实现各部分的定位和美化，适用于初学者了解HTML5基本结构及其与CSS的结合应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">

}
body:after{
content: '';
display: block;
clear: both;
visibility: hidden;
height: 0px;
}
header{
width: 100%;
height: 100px;
border: 1px solid #666;
float: left;
margin-bottom: 60px;
}
footer{
width: 100%;
height: 100px;
border: 1px solid #666;
margin-top: 100px;
float: left;

}
section{
width: 80%;
height: 300px;
border: 1px solid #666;
float: left;
box-sizing: border-box;
}
aside{
width:20%;
height: 300px;
border: 1px solid #666;
float: right;
box-sizing: border-box;
}
footer:nth-of-type(1){
background: #ccc;
}