关于float、cssFloat和styleFloat的讨论

最新推荐文章于 2024-04-22 21:55:14 发布
最新推荐文章于 2024-04-22 21:55:14 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： javascript 文章标签： float ie 脚本 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangna01314/article/details/7228272
版权

HTML DOM cssFloat 属性

   如果在一行中对于浮动元素而言空间太少，则这个元素会跳到下一行，这个过程会持续到有足够空间的一行为止。

   今天使用图片滚动的js脚本，要用到float属性，发现float这种写法对IE和FF都不起作用，后来改为styleFloat发现对IE起作用了，但是在FF下却没反应，后来在改为cssFloat，FF下    没问题了，IE却又不行了，得出一个结论：

  ie下：style.styleFloat
  ff下：style.cssFloat
  最终是在js上面 写了
  this.listDiv01.style.cssFloat ="left";//兼容火狐
  this.listDiv01.style.styleFloat ="left";//兼容IE
  
 
  

yangna01314
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css------float样式属性
My_liuying0901
05-20 631
HTML代码编写过程中需要注意代码规范，代码错落有致即是其中最基本的要求，但是浏览器会将换行代码之间多个空格解释为一个空格，但是这一个空格有时会破坏整个页面布局，如何解决呢？通过子元素浮动即可解决。设置元素浮动方向， 该属性有多个值： 代码为了后期维护，需要缩进换行，换行后在HTML中，浏览器默认将多个空格视为一个空格，为了消除空格，可以使用浮动float： 代码和显示效果如下： &...
关于cssFloat与styleFloat
Focus-Fe
07-22 204
首先，大家应该都知道由于兼容性原因，我们在获取元素的float的值的时候，会用到这个。     今天整理一个完整的浏览器兼容的list     IE6-8 IE9 FF Chrome Safari Opera styleFloat    Y   Y N      N    N    Y cssFloat    N  ...
CSS基础：浮动（float）的3种方式，清除浮动3种方式的详解
最新发布
u013179804的博客
04-22 834
CSS 中常见的传统布局方式，包括普通流（标准流）、定位和浮动。这三种方式是网页布局中常用的基本手段，可以实现不同的排列和定位效果。所谓普通流，也称为标准流或文档流，是指在没有进行特殊定位或浮动的情况下，元素按照其在 HTML 文档中的顺序从上到下依次排列的布局方式。在普通流中，块级元素会垂直排列，各元素占据自己的一行，内联元素则水平排列在各自所在的行内。这种布局方式是 HTML 元素默认的排列方式，也是最常见的网页布局方式之一。所谓定位，就是咱们之前文所说的。
CSS float属性
SiC B2B2C Shop大型B2B2C商城软件产品，使用Java语言开发，高性能高扩展性高安全性分布式。可帮助你快速的建立大型B2B2C电商系统
03-12 115
今天写了一段javascript脚本，要用到float属性，发现float这种写法对IE和FF都不起作用，后来改为styleFloat发现对IE起作用了，但是在FF下却没反应，后来在改为cssFloat，FF下没问题了，IE却又不行了，得出一个结论： ie下：style.styleFloat ff下：style.cssFloat 一般也可以写上style.float 下面给出一种兼容的写法：...
javascript改变样式（cssFloat,styleFloat）
weixin_30455023的博客
01-31 127
昨天遇到一用js改变元素浮动的，当时直接写了 obj.style.float="left";结果没起作用；查了资料后才发现不能这样写，现在整理下几种样式写法 1，直接写css属性的，如：obj.style.height/width/color/position等 2，要改大写的，如：obj.style.fontSize/marginLeft/backgroundColor等 3，float，...
style.cssFloat
weixin_44283589的博客
08-04 108
inherit：cssFloat 属性的值从父元素继承。right：对象/元素浮到父元素的右边。left：对象/元素浮到父元素的左边。none：对象/元素不浮动。
javascript css styleFloat和cssFloat
10-29
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。
如何用js控制css中的float的代码
12-10
ie里面用styleFloat 其他用cssFloat 本文向大家简单介绍一下JS操作css的float属性的特殊写法，对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 Js style float JS操作css的...
javascript下操作css的float属性的特殊写法
12-02
这是因为IE浏览器（尤其是早期版本）使用了不同的语法`style.styleFloat`，而其他浏览器（如Firefox、Chrome、Safari、Opera等）则使用`style.cssFloat`。因此，为了兼容性，我们需要根据浏览器环境来选择正确的属性...
css 跨浏览器实现float-center.docx
01-13
此外，还提到了一些相关的CSS知识点，如`javascript css styleFloat`、`javascript css float 属性的特别写法`、`CSS 中Float（浮动）相关技巧`、`javascript 下操作 css 的float 属性的特别写法`、`css position: ...
CSS中float属性
h70614959的专栏
07-12 1484
这个东西叫浮动。 顾名思义，就是让设置的标签产生浮动效果，就是脱离原来页面的标准输出流。 正常情况下，HTML页面中块元素都是从上倒下排列的。如果想实现左右结构。 float的一种选择（当然还有其他方法）。 比如 左 右 这样，这个两个DIV标签就在同一行上了（同时靠左），当然有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX
华为自带音乐+
04-11
华为自带音乐+
如何动态设置css的float(cssFloat/styleFloat)
Jxchen
04-05 2498
sdfsdf //<![CDATA[ window.onload = function() { var oDiv = document.getElementsByTagName('div')[0]; oDiv.style.float = 'right'; } //]]> 以上写法是不可以的，必须这样写 sdfsdf     //<![CDATA[
Js style float
dianqianpang2137的博客
01-14 131
JS操作css的float属性的特殊写法使用js操作css属性的写法是有一定的规律的： 1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。 2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。...
CSS - float小结
伏城之外的博客
07-11 1126
标准流 块级元素都需要独占一行，如果只使用原始的块级元素布局的话，就会出现下面这种情况 box1,box2,box3都是div元素，即块级元素，它们每个都独占一行，导致整体就像“流”一样，自上而下的布局。我们将这种流称为“标准流”。 浮动布局 上面标准流中，块级元素都需要独占一行，这样不利于网页布局，如果可以让多个块级元素在一行排列，那么布局就好看多了。那么如果让多个块级元素共享一行呢？ 我这里设计了 container.width=750，没有设置height (实际contai...
浮动-cssFloat-styleFloat
Less is More
06-24 98
[code="javascript"] //w3c el.style.cssFloat = "left"; //IE el.style.styleFloat = "left"; [/code] 都是float这个保留关键字导致的。className不能是class也是因为这个。
CSS学习（二）
mojirg的博客
06-04 93
1、浮动 float:left 元素向左浮动 float:right 元素向左浮动 由于块级元素默认独占一行，不能并列显示，因此可以使用浮动让块级元素并列显示。 HTML <ul class="nav"> <li>1</li> <li>2</li> <li>3</li> </ul> CSS .nav { background-color: red; margin: 0; } .nav li { wi
网页CSS样式——float样式属性
CandidBoy的博客
05-21 756
一、float作用 HTML代码编写过程中需要注意代码规范，代码错落有致即是其中最基本的要求，但是浏览器会讲换行代码之间的多个空格解释为一个空格，但是这一个空格有时候会破坏整个页面布局，如何解决呢？通过子元素浮动即可解决。 二、float属性值详述 1、none none：默认值。元素不浮动，并会显示其在文本中出现的位置。 2、left left：元素向左浮动。 示例代码1： &lt...
详述float样式属性
IT_Helianthus的博客
05-20 918
一、引例 HTML代码编写过程中需要注意代码规范，代码错落有致即是其中最基本的要求，但是浏览器会将换行代码之间多个空格解释为一个空格，但是这一个空格有时会破坏整个页面布局，如何解决呢？通过子元素浮动即可解决。 示例如下： <html> <head> <meta charset="UTF-8"> <title></title> ...
JS基础——styleFloat和cssFloat的区别
波克比的前端CSDN博客
10-29 2313
JS基础——styleFloat和cssFloat的区别 #div1{ width:100px; height:100px; border:1px solid #ccc; background:#f4f4f4;} window.onload = function(){ var oDiv = document.getElementById('div1'); oDiv.style.style

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值