设置元素浮动的几种方式

我们知道获取元素的浮动属性，各浏览器中使用的属性不同。大家都知道IE中使用styleFloat，标准浏览器使用cssFloat。

<div>test</div>
<script>var div = document.getElementsByTagName('div')[0];// IEdiv.currentStyle.styleFloat; // none// FF/Chrome/Safari/Operavar sty = window.getComputedStyle(div, null);sty.cssFloat; // none
</script>

至于为什么不直接使用float大家应该很清楚，float是ECMAScript的保留字。

看jq源码中意外发现IE中使用“float”属性在IE9下也可以获取，如下

<div>test</div>
<script>var div = document.getElementsByTagName('div')[0];// IE9alert(div.currentStyle['float']); // none
</script>

IE6/7/8则是undefined。webkit 也支持float属性，如下

<div>test</div>
<script>var div = document.getElementsByTagName('div')[0];// Chrome/Safarivar sty = window.getComputedStyle(div, null);alert(sty['float']); // none
</script>

以下列举下各浏览器对float，cssFloat，styleFloat的支持情况

	IE6/7/8	IE9	Firefox	Safari	Chrome	Opera
styleFloat	Y	Y	N	N	N	Y
cssFloat	N	Y	Y	Y	Y	Y
float	N	Y	N	Y	Y	N

设置元素浮动的几种方式相关推荐

CSS—清除浮动的几种方式
什么是浮动? 特性:1--浮动的元素不会占据标准流的空间,但是会影响标准流中的文本的排版.浮动只有左右浮动.2--浮动元素A的位置与上一个元素有关系.如果上一个元素有浮动,则A的顶部与上一个元素顶部对 ...
清除浮动的四种方式及其原理
前言: 什么是浮动,浮动给我们造成了什么困扰,我们该使用什么方式来解决它.下面会介绍到为什么要清除浮动以及清除浮动的四种方式. 目录: 前言: 一.为什么要清除浮动二.清除浮动的第一种方式---给父 ...
keras embeding设置初始值的两种方式
随机初始化Embedding from keras.models import Sequential from keras.layers import Embedding import numpy a ...
前端css 清除浮动的几种方式
浮动的框可以向左或向右移动,直到他的外边缘碰到包含框或另一个浮动框的边框为止.由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样.浮动的块框会漂浮在文档普通流的块框上. 清 ...
清除浮动的几种方式，以及各自的优缺点
清除浮动的几种方式,以及各自的优缺点 1.使用空标签清除浮动clear:both. 2.给父级div定义overflow:hidden 3.父级div定义伪类:after和zoom(用于非IE浏览器) ...
div清除浮动的四种方式
div 清除浮动的四种方式清除浮动主要是为了解决父元素因为子级浮动引起高度为 0 的问题. 简单来说给父元素加一个高度也能解决这个问题,但是很多情况下不方便给父元素高度.所以,一般情况下,应该让子元 ...
JS设置CSS样式的几种方式（js设置!important）
JS设置CSS样式的几种方式(js设置!important) x619y 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 ...
html js 设置样式,原生js设置样式笔记：JS设置CSS样式的几种方式
document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性用J ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...

设置元素浮动的几种方式

设置元素浮动的几种方式相关推荐

最新文章

热门文章