用JavaScript或者jquery 1页面加载完，获取当前浏览器显示区域高度2获取页面中我的相册div1关闭相册的高度3用1获取的值减去2所有的值4用3所得值附加给div2 好了，方法教给你了，自己去实现吧；Web中对于header的代码结构似乎已经趋于稳定化在HTML5版本之前习惯使用div标签布局网页，在HTML5在DIV标签基础上新增header标签元素也叫quotltheaderquot头部标签因为大家公认html布局中对quotheaderquot为常用命名，所以在HTML5新增了个header标签元素可以这样理解为什么在html5中新增header为标签元素。

lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstylesheetquot type=quottextcssquot href=quotcssresetcssquot ltheadltbody ltdiv class=quot；ltmeta charset = “UTF 8” lttitleHTML5布局之路 – div元素实例lttitle ltstyle * 可以通过如下代码查看到每个div的边界 * div border5px solid black * 5像素黑色实线边框 * ltstyleltheadltbody ltdivdiv元素中的内容，该内容会显示在。

1html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooterltfooter2div，ul li标签都是使用比较频繁的标签，span，i，em可以对文字；HTML5只是加了几个语义化标签而已，方法还是老方法 div布局的话 矩形1 width50%floatleft矩形2 width50%floatleft如果矩形中没有内容，还需要设置高度这样就行了 别忘了清除浮动 table布局就是 tr里面两个td， 把td各给width50%就可以了。

html div布局代码

1、通过DIV+CSS布局与HTML5+CSS布局对比观察并掌握对header应用1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlehtml5 Header标签实例lttitle ltstyle * 传统布局CSS * header width300。

2、而HTML5是2010年正式推出来的，随后引起了世界各大游览器开发商的极大欢迎，因为HTML5规范避免了刚才所说要大量编写的JavaScript代码，解决了兼容性问题在HTML5语法中，部分JavaScript代码的功能将直接被HTML5的新属性一点点代码所替代，非常方便曾流行的部分DIV布局代码也将被HTML5代替变为更加语义化的。

3、ltdiv class=quotaa3quotltdiv style=quotwidth 100%quot内容3ltdivltdiv ltdiv效果如图垂直和水平居中都是相对于外框来说的，即本例的aa来说的flex=1即为在水平方向是等分布局的在你给的安例中，直接循环aa就可以如果对flex不懂，可以去学习一下，推荐扩展链接网页链接。

4、3div+cssCSS的诞生，19984栅格与响应式移动端的兴起，2007与2010当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧，网页布局看起来貌似简单，但是它需要综合使用很多HTML+CSS的知识，总的来说知识量是不小如果想系统化的了解HTML+CSS方面的知识，建议你选择一本比较不错的HTML。

5、其中section和article最为相似，而且和div标签貌似也有很大相似之处 但看似相似，并不是真的相似，这些标签是为了布局而生的，自然有它们更精确的语义定位，或者说他们更将强调Html的语义 DIV 这个标签一直是我们见得最多用得最多的标签 它本身无任何语义，用作布局以及样式化标签 Section 与。

6、1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变3输入backgroundsize coverwebkitbackgroundsize。

html div+css布局

1、表格布局与框架布局其实差不多，可以放在一块说表格与框架布局 优点浏览器解析比较准确，一般不会出现错误缺点不够灵活，且样式单一，难维护 DIV+CSS布局 优点布局灵活，能够实现样式与结构的完全分离，易于维护，能够有更多的创意缺点各个浏览器在解析上存在一定的区别，需要针对不同浏览器。

2、先做一级布局，利用浮动的基本知识和盒模型，然后进行二级布局，针对每个模块选择合适的标签，再利用浮动以及定位布局，完成每个模块当中的布局，最后使用文本类样式处理文字，背景，段落的具体样式流程就是这样子，涉及到的知识很多，如果没接触过，建议弄本书，辅助html与css的学习 推荐 html5布局之路。

3、html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articlediv，ul li标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等ltarticle标签定义外部的内容，比如来自一个外部的新闻提供者的一篇新的文章，或者来自。

4、1html5主页面 lt！doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1 userscalable=0quot lttitlehtml5 移动端单页面布局lttitle lthead ltbody lt！页面主体部分 ltdiv class=quotmainquot lt。

5、1div表示一个布局容器，本身没有任何语义，用作布局以及样式化或脚本的钩子hookltdivthis is a div ltdiv 2section 表示一段专题性的内容，一般会带有标题section 应用的典型场景有文章的章节标签对话框中的标签页或者论文中有编号的部分一个网站的主页可以分成简介新闻和联系信息。

6、1按照正常的思路，布局就是div布局，写一个固定下来，作为模板，在每次获取数据的时候使用功能代码绑定数据到布局上面，自动生成页面内容就可以了拆分出单个模板来，很明显每项都是一样的 就这个样式写div+css不会吗两层div 的嵌套，里面布局排文本标签，image标签就可以了，绑定id填数据，或者遍。