在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。 下面，我们需要根据构思图来规划一下页面的布

下面小编就为大家带来一篇清除浮动(float)的影响介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

网页布局中经常会用到float浮动，但是浮动的块级元素脱离了标准文档流，使得浮动元素的父元素没有高度，导致父级元素没有高度，所以需要清除浮动对父级元素的影响，本文介绍清除浮动的几种方法。 清除浮动影响的几种方法: 给父级元素设置高度 效果图： 代码：   * { padding: 0; margin: 0; } .header { height: 30px; line-height: 30px;

浮动会导致父元素塌陷如图： 解决办法： 父元素overflow：hidden，如图 末尾插入子元素clear，如图 为甚么，父元素overflow：hidden会解决塌陷问题？ 来自知乎貘吃馍香的回答 overflow:hidden 的意思是超出的部分要裁切隐藏掉 那么如果 float 的元素不占普通流位置 普通流的包含块要根据内容高度裁切隐藏 如果高度是默认值auto 那么不计算其内浮动元素高度就裁切 就有可能会裁掉float 这是反布局常识的。 —————————–分割线———————