4左右框架型布局 左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构其布局结构主要分为左右两侧的页面左侧一般主要为导航栏链接，右侧则放置网站的主要内容 5上下框架型 上下框架型布局与前面的左右；第一步新建html文档并搭建框架 新建一个TXT文档，重命名为“田子格布局html”，然后用记事本打开，输入表头信息，已经html整体框架搭建包括head与body第二步DIV布局 分别复制4个不同的div作为4部分，并且分别命名为；T型布局的优点是页面结构清晰，主次分明，强调秩序，能给人以稳重可信赖的感觉，比较容易上手缺点是规矩呆板，如果细节和色彩搭配上不注意，容易让人乏味2 口型布局 口型布局的页面上下各有一个广告条，左侧是主菜；流动布局流动布局是浏览器默认的布局方式他会按照你所写的标签特性，从上至下从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类1行级元素不独占一行，不能设置元素的高度宽度和底边边距；这种类型的布局的特点是结构清晰明了5上下框架类型与左右框架类型类似，只是这种类型是上下两页的框架6综合框架类型其实就是左右框架类型和上下框架类型的结合体7封面型这种类型基本上是出现在一些网站的首页。

#xF448#xF449左右框架型布局将页面分为左右两个部分，通常左边是导航或辅助信息，右边是主要内容区域，便于用户浏览和操作#xF446#xF447上下框架型布局与左右框架型类似，只是将页面分为上下两个部分，这种布局常用于博客或新闻网站#xF500#xF448#xF449综合；3左右框架型布局 这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点博客的首选4上下框架型布局 这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的；这种布局的优点是页面结构清晰，主次分明是初学者最容易上手的布局方法缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味2口型布局就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等；常见的网页布局结构左右框架型布局左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构其布局结构主要分为左右两侧的页面左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型上下框架型。

3 左右框架型布局这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点博客的首选4 上下框架型布局这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置；左右居中margin0 auto上下居中设置父级div高度假设为300px设置table的高度假设为100pxtextaligncenter主要针对的是文字，比如之类的， 如果只是图片的话就要设置margin了， 另外，可能是我理解错你的；1我先做的是插入两个div标签，点击插入，找到布局对象Div标签2先创建第一个长宽均为200px的div标签，类命名为“1”3在创建第二个长宽均为200px的div标签，类命名为“2”4这时候可以看到；1一列布局 一般都是固定的宽高，设置margin 0 auto来水平居中，用于界面显著标题的展示等2两列布局 说起两列布局，最常见的就是使用float来实现float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时。

二中间如果有空格 他会留空格的 上面的就不会，你要块状也可以换成displayinlineblockp_leftdisplayinlinep_rightdisplayinline在界面设计的时候，经常需要将两个div在同一行显示如以下要将。

T型布局的优点是页面结构清晰，主次分明，强调秩序，能给人以稳重可信赖的感觉，比较容易上手缺点是规矩呆板，如果细节和色彩搭配上不注意，容易让人乏味2口型布局口型布局的页面上下各有一个广告条，左侧是主菜单。