为什么css浮动没有效果是怎么回事呢?
1、浮动元素不能溢出包含块： 浮动元素在包含块内，当包含块的宽度不足以容下浮动的子元素时，将自动折行；垂直方向当包含块认为浮动的子元素没有高度时，子元素会溢出，BFC能解决该问题。
2、float：left 不会失效，只是没有达到你期望的显示效果。float属性是较早的一个CSS属性，所有主流浏览器都支持。在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
3、一个是headerSLogo 再看你的css img#headerSlogan 你找错元素了，肯定不会有效果。
谁能说下CSS中的float定位怎么用?
1、我们在CSS 中很多时候会用到浮动来布局。常见的有 float：left 或者 float：right 。
2、内联元素使用了float属性后就会变成块级元素，就可以设置元素的高度和宽度(参考A标签)。 float属性一般配合后面标签的clear属性共同使用，以便清除float属性带来的对后面元素的影响。
3、需要浮动的话，只需要在样式上的position设置fixed即可。
4、CSS中的float浮动属性，一般用于标签对象（例如：标签盒子、标签、标签、标签等html标签）的浮动布局，而浮动也就是我们常说的标签对象居左靠左和居右靠右）。同时float浮动属性一般只对块级元素有效。
为什么css中给class设置fr值就可以右浮动
设置浮动后对象就脱离了标准流，就像水面上的漂浮物一样，不再严格的按照标准流排列。浮动的取值如下： left：对象浮在左边 right：对象浮在右边 clear 清楚左，右 浮动。。
前面没清除浮动导致的 当父盒子剩余的宽度容纳不下新浮动的子盒子时，子盒子会另起一行，且它的上边界始终低于前一个浮动盒子的下边界。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
将一个盒子向右浮动，可以通过设置CSS的float属性来实现。具体的做法是，在CSS样式表中为盒子添加float：right；的属性值。这样设置之后，盒子就会向右浮动，并且其后面的元素会自动向上移动，以便腾出空间。
CSS——知识点补充(四)元素的浮动属性
1、通过浮动可以使一个元素向其父元素的左侧或右侧移动，我们使用float属性来设置于元素的浮动 注意，元素设置浮动以后，水平布局的等式便不需要强制成立 。
2、默认值：none继承：no版本：CSS1JavaScript 语法：object.style.cssFloat=left属性值left元素向左浮动。right元素向右浮动。none默认值。元素不浮动，并会显示在其在文本中出现的位置。
3、CSS 浮动，在 CSS 中，我们通过 float 属性实现元素的浮动。
4、float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
5、在CSS中，给class设置float属性并赋值为right（右浮动）的作用是将该元素向右浮动。这是因为浮动是CSS中一种布局方式，通过设置元素的浮动属性，可以使元素脱离正常文档流并自动向左或向右浮动到其容器的边缘。
6、float ： none | left | right 取值：none ： 默认值。对象不飘浮 left ： 文本流向对象的右边 right ： 文本流向对象的左边 说明：该属性的值指出了对象是否及如何浮动。请参阅 clear 属性。