前言上一篇文章主要介绍了CSS样式变化中的列表、表格和大纲。本文主要介绍CSS样式变化中的盒模型、定位、浮动、Overflow基础知识。1.BoxmodelBorderModel从上图我们可以知道，如果把一个网页比作一个盒子，那么borderpaddingmargin起到的作用。通过通用选择器，可以设置所有元素的borderpaddingmargin初始值为0：*{margin:0;padding:0;border:0}所有的margin都可以设置empx的百分比，它们都有四个值，可以单独设置也可以一起设置，顺序是top-right-bottom-left2。定位Position1).相对定位relative是相对于其正常位置div{position:relative}2)进行定位。绝对定位是相对于静态定位以外的第一个父元素定位的div{position:absolute}3)。静态定位static没有定位，元素出现在正常流中（忽略top,bottom,left,right或z-index声明）div{position:static}4).fixed定位fixed是相对于浏览器窗口定位的div{position:fixed}3.floatingFloat元素中的内容往某个方向移动div{float:left}leftfloatsleftrightfloatsrightnonenono浮动4.overflow溢出元素超出framediv的大小{overflow:scroll}可见内容不会被裁剪，会出现在元素框外的hidden内容会被裁剪，其余内容是不可见的scroll内容会被裁剪，但浏览器会显示滚动条查看剩余内容auto如果内容被裁剪，浏览器会显示滚动条查看剩余内容参考文档：W3C官方文档（CSS文章）总结本文主要文中介绍了CSS样式变化盒模型、定位、浮动、溢出的基础知识，希望能让大家对CSS样式变化有一个简单的了解和了解。了解更多Python爬虫和数据挖掘专业网站：http://pdcfighting.com/了解更多Python网络爬虫和数据挖掘专业网站：http://pdcfighting.com/
