`
阿尔萨斯
  • 浏览: 4175725 次
社区版块
存档分类
最新评论

CSS float属性

 
阅读更多

今天写了一段javascript脚本,要用到float属性,发现float这种写法对IE和FF都不起作用,后来改为styleFloat发现对IE起作用了,但是在FF下却没反应,后来在改为cssFloat,FF下没问题了,IE却又不行了,得出一个结论:

ie下:style.styleFloat
ff下:style.cssFloat

一般也可以写上style.float

下面给出一种兼容的写法:

<script language="javascript">
function changelayout()
{
document.getElementById('colleft').style.float=document.getElementById('colleft').style.float=='right'?'left':'right';
document.getElementById('colleft').style.styleFloat=document.getElementById('colleft').style.styleFloat=='right'?'left':'right'; //兼容IE
document.getElementById('colleft').style.cssFloat=document.getElementById('colleft').style.cssFloat=='right'?'left':'right'; //兼容FF
}
</script>

分享到:
评论

相关推荐

    CSS浮动属性Float详解 什么是CSS Float?

    CSS浮动属性Float详解 什么是CSS Float?

    css float属性 图解float属性的点点滴滴

    CSSfloat属性的正确使用可能会变成一项艰巨的任务,它涉及内容过多,浏览器兼容性问题也很多,导致开发者很头疼,本文包含的实例应用属性float说明性例子,感兴趣的朋友可以参考下,希望可以帮助到你

    DIV+CSS布局:CSS浮动float属性详解

    DIV+CSS布局:CSS浮动float属性详解 不解释

    DIV+CSS布局:CSS浮动float属性详解[归纳].pdf

    DIV+CSS布局:CSS浮动float属性详解[归纳].pdf

    DIVCSS布局:CSS浮动float属性详解.doc

    DIVCSS布局:CSS浮动float属性详解

    css float属性_动力节点Java学院整理

    本篇主要介绍float属性:定义元素朝哪个方向浮动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    javascript css float属性的特殊写法

    1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第...

    详细分析css float 属性以及position:absolute 的区别

    相信很多人都有这样的问题,在页面布局中float和position:absolute哪个更好用呢?既然是布局,就用float好,这个我比较常用。这个浮动是可以清除的,一般不会影响整体布局。而position,定位,是不受约束的,这个...

    css float浮动属性的深入研究及详解拓展(二)

    我并没有对CSS所有的属性都有很清晰的情感化的理解,我用CSS才几年啊,我要学的...但是,对于CSS中常用的float属性,我还是有些感觉的,这也是本文的主旨所在。本文将会从我的一些感性的认识的角度讲解CSS float属性

    CSS Float布局过程与老生常谈的三栏布局

    一般来说,可以使用CSSposition属性进行布局,或者使用CSSfloat属性布局。前者适合布局首页,因为首页上的内容往往可以完全控制。后者适合布局模板,模板中填充的内容你没法控制——比如,在编辑wordpress模板时,你...

    CSS之float属性详解

    float属性指定一个盒子(元素)是否应该浮动,可以设置浮动方向。 css语法 float:left|right|none|inherit ; 属性值: 值 描述 left 元素向左浮动 right 元素向右浮动 none 默认值。元素不浮动,并会...

    css,float,clear

    我对css几个主要属性的理解,inline,block,float,clear

    css浮动 float属性详解

    给元素本身添加float属性 float值: left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值...

    css float浮动属性的深入研究及详解拓展(一)

    我并没有对CSS所有的属性都有很清晰的情感化的理解,我用CSS才几年啊,我要学的...但是,对于CSS中常用的float属性,我还是有些感觉的,这也是本文的主旨所在。本文将会从我的一些感性的认识的角度讲解CSS float属性

    CSS——float属性及Clear:both备忘笔记

    CSS的float属性,作用就是改变块元素对象的默认显示方式,HTML标签设置了float属性之后,它将不再独自占据一行,从而可以实现多个元素同处一行的效果。Float的功能很强大,但是如果没有好好掌握而使用很可能会成为你...

    css float 解析学习

    元素对象设置了float属性之后,它将不再独自占据一行。浮动块可以向左或向右移动,直到它的外边缘碰到包含它的框或另一个浮动块的边框为止。fload属性有四个可用的值:Left 和Right 分别浮动元素到各自的方向,None ...

Global site tag (gtag.js) - Google Analytics