<!DOCTYPE html><html><head><meta charset="UTF-8"><title>双飞翼布局</title><style type="text/css">\*{margin: 0;padding: 0;}body{min-width: 700px;}.header,.footer{width: 100%;float: left;height: 40px;background: #ddd;text-align: center;line-height: 40px;}.sub,.main,.extra{float: left;min-height: 300px;}.main{width: 100%;min-height: 300px;}.main-inner{margin-left: 200px;margin-right: 220px;background: #30a457;min-height: 300px;}.sub{width: 200px;background: #f00;margin-left: -100%;}.extra{width: 220px;background: #1a5acd;margin-left: -220px;}</style></head><body><div><h4>header</h4></div><div><div><h4>main</h4><p>这是页面的中间内容这是页面的中间内容这是页面的中间内容这是页面的中间内容这是页面的中间内容这是页面的中间内容这是页面的中间内容这是页面的中间内容这是页面的中间内容</p></div></div><div><h4>sub</h4><p>这是页面的左侧内容</p></div><div><h4>extra</h4><p>这是页面的右侧内容</p></div><div><h4>footer</h4></div></body></html>
- 1 回答
- 0 关注
- 1075 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消