本文介绍如何实现一个包含Header、Sider、Content和Footer的布局容器，提供了相关代码示例。
题目描述：
实现一个包含 Header、Sider、Content、Footer 的布局容器，如下图所示：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title></title>
<style>
body {
margin: 0;
padding: 0;
}
#body {
background-color: #0099CB;
width: 100%;
float: left;
}
#header {
height: 60px;
background-color: #999999;
}
#content {
background-color: #006766;
margin-left: 180px;
}
#sider {
width: 180px;
float: left;
}
#footer {
clear: both;
最低0.47元/天 解锁文章
扫一扫
6181
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
