摘要：在总结浮动与定位之前，先引入一个概念，就是HTML中文档流，文档流简单的理解就是HTML中的元素按照代码的先后顺序以从左到右，从上到下的顺序排列，一个接一个的排列，也就成为了一个流stream，每个元素都在文档流中都占据一定的大小、空间，改变一个元素的布局会直接影响其他元素的布局。 而浮动与定位中的绝对定位都会使元素脱离文档流，什么意思呢？就是说如果一个元素被设置了浮动或绝对定位属性，那么这个元素好像脱离HTML文档一样，而其余的元素重新按照正常的文档流排列。浮动：浮动会使元素脱离正常的文档流，浮动的块状元素元素是以浮动元素所在行为基准，并且按照不合并margin的方式来进行浮动的。浮动... 阅读全文

摘要：从开始接触HTML+CSS布局开始，也有将近半年时间了，除去中间打酱油的三四个月，自己也大概在上面花了一个月的功夫，时间不长，暂且把学过的东西总结一下。 首先谈谈HTML的元素，主要分三类，块状元素、内联元素和内联块状元素。块状元素display:block的特性是水平拉伸，垂直包裹，可以设置宽度和高度。对于拉伸我是这样理解的，比如先定义了页面的body，一般情况下body的宽度差不多等于页面的宽度（有8px的margin），这时如果你定义了一个p元素的话，如果未设置p元素的宽度，那么p元素会自动拉伸至body的宽度。包裹的意思就是p的垂直高度恰好能包住其中的文本内容，你写了几行文字就是... 阅读全文