html定位和浮动,web前端：浮动和定位的区别

网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

1浮动元素的包含块是从content-box开始依次排列，定位元素的包含块是padding-box，width,padding,margin:百分比的依据！！！

2bfc元素能够被浮动元素撑起(bfc独立区域可见浮动元素)，但忽略定位元素

3浮动元素和position:absolute都会将元素变成块盒子(li特殊，仍然为原来的list-item)

4常规流，浮动流，定位流的z-index:常规流的z-index设置无效，还是默认的auto，(只有定位元素才能设置z-index)，浮动和定位都比常规流高一层(默认),浮动元素z-index=-1时，低于常规流(常规流可以近似地看作z-index=0)

5浮动流接近常规流，绝对定位和固定定位完全脱离常规流

网页是一个包含html标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一"页"，是超文本标记语言格式(标准通用标记语言的一个应用，文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。