<!DOCTYPE html><html><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title><style type="text/css">*{padding: 0;margin: 0;}.header ,.footer{width: 100%;height: 50px;background: #ddd;text-align: center;line-height:50px ;float: left;}.main,.sub,.extre{float:left;min-height: 300px;}.main{width: 100%;}.main-inner{margin-left: 200px;margin-right:220px ;background: #30a457;min-height: 300px;}.sub{width: 200px;background: #f00;margin-left: -100%;}.extre{width:220px;background: #1a5acd;margin-left:-220px ;}</style></head><body><div class="header"><h5>这是header</h5></div><div class="main"><div class="main-inner"><h5>这是main</h5><p>这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容这是中间内容</p></div><div class="sub">这是sub</div><div class="extre">这是extre</div></div><div class="footer"><h5>这是footer</h5></div></body></html>
- 1 回答
- 0 关注
- 998 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消