html5-div布局
2017-09-09 10:00
204 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div布局-div与css搭配，不建议内部style方式</title>
</head>
<body>
<div style="width: 100%;height: 708px">
<div style="background: green;width: 100%;height: 10%">头部</div>
<div style="background: #f8f8f8;width: 20%;height: 80%;float: left;">导航栏</div>
<div style="background: #f0f0f0;width: 80%;height: 80%;float: left;">我是ifrmae框架</div>
<div style="background: red;width: 100%;height: 10%;clear: left">尾部</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div布局-div与css搭配，不建议内部style方式</title>
</head>
<body>
<div style="width: 100%;height: 708px">
<div style="background: green;width: 100%;height: 10%">头部</div>
<div style="background: #f8f8f8;width: 20%;height: 80%;float: left;">导航栏</div>
<div style="background: #f0f0f0;width: 80%;height: 80%;float: left;">我是ifrmae框架</div>
<div style="background: red;width: 100%;height: 10%;clear: left">尾部</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html5 div 简单布局
- 学习笔记 HTML5--table布局与div+css布局
- html5--1.18 div元素与布局
- HTML5 1.7 div元素与布局
- html5 div布局与table布局详解
- html5 div布局与table布局
- HTML5中div布局的float属性
- HTML5 - DIV+CSS完成首页布局
- 用html5新布局元素代替div元素布局页面
- html中DIV+CSS与TABLE布局方式的区别及HTML5新加入的结构标签（转）
- HTML5基础11----HTML5布局的使用，div布局
- HTML5新特性之语义化布局标签，摆脱传统div布局
- 第八十七节，html5+css3pc端固定布局，大纲算法，section和div，结构分析
- html5 弹性布局 兼容ios8.3及以下 三个div并排布局
- HTML5 的div与table的两种布局
- [html5入门-9]html布局中如何去掉a标签的下划线和防止标签颜色变化
- div+css布局
- 精通 CSS+DIV 网页样式与布局 110
- div结合css布局bbs首页(div+css布局入门)