背景。元素的背景显示区域在内容区和内边距区，并且边框是画在背景之上的。这就是说如果边框的样式是dotted之类的，则边框空隙之间是可以看到背景的。 可以设置背景的声明有：background-col ...

注:本文章是参考千锋网学习视频总结得出。 最近在学习一个前端项目，项目中多处用到了浮动和定位。为此，通过看查找资料和看学习视频，从浮动、清除浮动、相对定位、绝对定位、总结等五个部分来谈谈我对浮动和定位的理解。 一、浮动 浮动的使用场景：一般是将竖起来的多个盒子进行横向的排列。 浮动的负面 ...

元素定位方式 position定位: 静态定位,相对定位,绝对定位,固定定位 浮动定位 静态定位(默认) 格式: position: static; 静态定位也称为文档流定位 特点: 元素以左上为基准依次平铺开,不能实现层叠效果 ...

　　浮动与定位在网页设计中应用得很广泛，是两种主要布局方式的实现方法。 　　我们知道，网页上一般来说，块标签是自上而下的一块块堆叠，行内标签则在一行内从左到右依次并排，如果所有网页的都这样机械的排列着，也太单调了，所以有没有一个东西让标签内容脱离这种文档流呢，首先就可以考虑float ...

整理下关于文档流，浮动，定位及造成的影响文档流的知识点 一 文档流的概念指什么？ 　　文档流，是指元素排版布局过程中，元素会自动从左到右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中按从左到右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走 ...

在了解CSS中的浮动和定位之前有必要先了解清楚标准流和脱离标准流的特性 标准流的默认特性 1、分行、块级元素，并且能够dispay转换。 2、块级元素（block）：默认独占一行，不能并列显示，能够设置宽、高，宽度为父盒子的100%。例如：div、p、标题元素（h1-h6）、列表元素 ...

当一个元素使用绝对定位后，它的位置将依据浏览器左上角开始计算或相对于父容器（在父容器使用相对定位时）。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素。 而浮动元素的定位还是基于正常 ...

浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素，会向其父元素的左侧或右侧紧靠，默认情况下，盒子的宽度不再伸展，而是根据盒子里面的内容来确定。浮动可以让一个元素移到它所在行的某一边，使得其他内容沿着该元素的边缘向下流。 浮动的盒子会脱离文档流 ...