css需要怎么布局

块区域介绍 这是一个段落. p元素的包含块是div元素，因为作为块级元素，表单元格或行内元素，这是最近的祖先元素，类似的，div的包含块是body.因此，p的布局依赖于div的布局，而div的布局则依赖于body的布局。

为宁津等地区用户提供了全套网页设计制作服务，及宁津网站建设行业解决方案。主营业务为成都做网站、网站建设、宁津网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

制作div+css网页前思考布局：首先我们拿到一张网页美工图片我们将从上下、上中下、左右、上中（中包括左右）下布局框架来思考。

static(默认值)：如果使用默认值，在CSS中为元素定义的top，left，right，bottom.z-index都不会生效。relative：相对元素本身进行移动。绝对定位：会脱离正常的文档流，不再占据空间。

如何用CSS进行网页布局

1、我们首先建一个web的文件夹并在此文件夹里新建html页面命名为index.html ，css文件命名为index.css。

2、第一种实现方式通过负边距与浮动 实现左边固定，右边自适应的布局。

3、static(默认值)：如果使用默认值，在CSS中为元素定义的top，left，right，bottom.z-index都不会生效。relative：相对元素本身进行移动。绝对定位：会脱离正常的文档流，不再占据空间。

4、CSS中position的值有四种： static，默认值，盒子按照标准流(包括浮动)方式布局 relative，盒子相对于它原来的标准进行移动，相对定位的盒子仍在标准流。 absolute，绝对定位，盒子以它的包含框为基准进行偏移，绝对定位的盒子从文档流中脱离。

5、在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。

6、明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写；100，但是在CSS中，你必须给一个准确的单位，比如： width：100em。只有两个例外情况可以不定义单位：行高和0值。

css网页的几种布局实例

左边固定，右边自适应布局的两种实现方式效果图如下：大屏展示：小屏展示： 第一种实现方式通过负边距与浮动 实现左边固定，右边自适应的布局。

DIV + CSS布局相关内容 DIV+CSS布局样式详解a 符合 W3C标准，微软等公司均为 W3C支持者。

块区域介绍 这是一个段落. p元素的包含块是div元素，因为作为块级元素，表单元格或行内元素，这是最近的祖先元素，类似的，div的包含块是body.因此，p的布局依赖于div的布局，而div的布局则依赖于body的布局。