第二种绝对定位positionabsolute 设置父盒子positionrelative相对定位， 三个子盒子positionabsolute， 左盒子left0， 右盒子right0 中间盒子left300pxright300px 第三种flex布局 父。

所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式在实际设计中还可以改变“T”结构布局的形式如左右两栏式布。

流动布局流动布局是浏览器默认的布局方式他会按照你所写的标签特性，从上至下从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类1行级元素不独占一行，不能设置元素的高度宽度和底边边距。

DOCTYPE htmllthtml lang=quotzhcnquotlthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot body，html margin 0 padding 0 height 100% color #fff。

在HTML开发中，制作网站时首先需要考虑内容是页面内容和页面布局首页是整个网站页面最完整的内容，将网站的每一栏内容设置为一个，这样的功能如果排版不当，那么首页就会出现混乱因此，主页的布局是整个网站的首要任务，所以主页的布局必须简。

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置不同的制作者会有不同的布局设计网页布局有以下几种常见结构 1“同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧。

3无论什么元素，一旦设置为是浮动显示，就拥有了完整的盒模型结构，我们就可以使用外边距，内边距，边框，高和宽来控制的大小以及与其他对象之间的位置关系4浮动是从网页布局的角度来定义元素的显示，而行内和块状属性。

1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。

用两个div，左边div浮动并包含ul层，右边div浮动包含img至于样式，左右两边的div按照比例设置个百分比宽度，给个媒体查询media当小于一定程度，左右div宽度为100%ul中的li则设置宽度为50%，img设置100%就行了。

此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定在网站开发当中，通常是需要结合多种布局去实现网页布局的如果是在学习网页布局的相关知识，可以弄本 HTML5布局之路 ，来辅助自己的学习。

刚才看错了 你这颜色选得，我辨色能力没那么强左右布局的div两个加一起的宽度不能大于父容器的宽度，要不然会出现换行的现象的div_aside float left width 20% height 100% backgroundcolor。

为什么每行都要独立写一个css呢你每行都起相同的class名 ，统一写样式就好了 ，至于左右布局的方法很多，浮动，flex布局，都可以用。

这种情况应该只能结合js来调整了吧分别获取左右两栏的高度，对比，得到最高的那栏，将低的一栏设定为高的那栏就好jsvar LH = documentgetElementById quotleftquot offsetHeightvar RH = documentgetElementById。

因此，做页面布局，应尽量减少使用固定值的布局方式下面介绍几种页元素居中的方法 1Div居中 11左右居中 在父窗口中设置textaligncenter，要注意的是，此方法只对内联元素起作用，所以要在居中的div中设置display。

三使用表格设计页面布局 HTML中有多种安排页面内容设计页面布局的方法，运用表格就是方法之一如果将整个窗口或整个显示的页面定义为一个表格，但隐去表格线，则在每个单元格中可以安排不同的内容文本或图像甚至。

页面布局是用HTML来实现的，CSS只是添加样式，网站提倡的结构和样式相分离就是这个意思HTML实现的是骨架，css可以说是实现了装饰1用div来实现，css3之前常用2css3实现然后实现结构的基础上添加css样式，希望对你有所。

在HTML中让两个div并排显示，通常情况下有三种实现方式，包括1设置为行内样式，displayinlineblock 2设置float浮动 3设置position定位属性为absolute 以下为三种方式的具体实现代码1设置每个div的展现属性为。