1、在html网页编辑中，对于新手来讲，接触最多的就是div+css那么如何使用div+css就行网页简单布局呢 一个网页设计时，我们可以将一个页面设置为头部，中间，和底部三部分 头部有分为店招logo和导航等 中间既内容部分，内容也可一个整体，也可左右分离， 底部来页面结尾，一般写版权信息，友情链接；网页设计中的主要内容包括header， nav， main， side和footer等部分header通常位于页面顶部，用于展示网站标题或logo，以及必要的导航链接nav部分则通常位于header之下，提供更加详细的导航选项，帮助用户快速定位所需内容main部分占据页面主体位置，用于展示核心内容，如文章图片等side部分则用于放置辅助；lt！DOCTYPE htmllthtml lang=quotzhcnquotlthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot body，html margin 0 padding 0 height 100% color #fff left， right float left width 50% height 1；html页面布局设置方法1通过“lttable”标签来对表格的行和列进行排列来实现页面布局的效果2将网页内容放在多个页面中的多列布局3使用p和span标签进行布局；9网页布局分为自然布局，浮动布局， 定位布局 10当一个元素被定义为浮动显示时，即定义为块状元素并且该元素就会收缩自身体积为最小状态所以，应该有个好的习惯即把浮动元素设置高和宽如果没有设置，则元素会按照它所包含的内容大小来确定它的大小11当元素浮动后，周边的对象会自动环绕；1所谓HTML是超文本标记语言HyperText Markup Language，简称HTML是一种用于创建网页的标准标记语言2HTML页面布局有两种方式，一种是TABLE布局，一种是DIV布局3以前WEB10时代基本上都是table布局，后来WEB20，30时代，都是以DIV布局为主但是div布局的编写难度比table布局要高4。

2、HTML的布局主要有以下几种一流式布局 流式布局是HTML文档中最基础且常见的布局方式在这种布局中，页面元素按照其在HTML中出现的顺序从左到右从上到下排列如果元素所占空间超出容器边界，内容会被自动换行或者延伸这种布局简单直观，适用于简单的网页布局二网格布局 网格布局是一种二维的；企业官网的设计新品宣传网页的设计活动专题网页设计后台管控类网页设计等三是学习前端代码，主要是学习HTMLCSSJavaScript等前端语言的运用其他方面，还需要学习目标用户研究设计对象研究素描基础等等知识怎样做html页面的css页面布局1第一先把整体框架搭起来，通过绝对定位确定大的模块的；2 设置容器与元素使用CSS中的div元素来创建容器，并在其中放置内容通过设置容器的宽度高度边距等属性，可以控制元素的位置和排列方式3 响应式设计考虑到不同设备的屏幕大小，可以设置响应式布局，使页面能够在不同屏幕尺寸上良好地显示这可以通过使用媒体查询百分比宽度和弹性图片等方法来；三个办法实现页面居中布局居中一在html代码页面的body标签写一个ltcenterltcenter的标签，在里面写内容即可实现居中，如接下来使用的两个方法的前提是你的html代码链接上css代码不然没效果 二textalign center方法在html代码页面给某一个标签取一个名字，然后在css代码给标签设置属性；方法1将空格用来代替，需要几个空格就写几个ltpltp 这里就显示4个空格 方法2用一个3行6列的Table来实现你的布局ltTable lttr lttd注册名lttdlttdltinput type=textlttd lttd漏页lttdlttdltinput type=textlttd lttd前缀lttdlttdltinput type=textlt；1如果你会htmlcss可以直接写代码，最方便的是用网上的js插件，有很多很炫酷的插件2如果不了解代码的话就用ps做出整个网页页面，然后将每个按钮每个菜单栏每个你要修改的地方都拆成一个个小图片，最后在Dreamweaver上在拼接起来，将按钮的图片添加按钮功能菜单图片添加菜单工程可以查一下。

3、创建基本的HTML结构，通过使用div元素来划分页面区域，每个div代表一个独立的页面元素，这是构建页面布局的基础在使用CSS进行样式设计阶段，通过定义CSS规则来设置每个div元素的视觉表现，包括颜色字体大小等，使页面具有统一的视觉风格页面布局设计是整个页面布局的核心部分，通过利用CSS的布局属性，合理；流动布局流动布局是浏览器默认的布局方式他会按照你所写的标签特性，从上至下从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类1行级元素不独占一行，不能设置元素的高度宽度和底边边距，它的宽度和高度是由他的内容撑起来的2行内块元素不独占一行，可以设置元。

4、用了margin0 auto时，整页的上下外套应该一样的宽度，如果右边的图是背景，这根本不用position float更适合，或者body下乡定义个统一的容器包住他们。