IE firefox div 设置left的属性问题

最新推荐文章于 2018-05-28 12:00:33 发布
最新推荐文章于 2018-05-28 12:00:33 发布
阅读量1.6k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javasrcipt 文章标签： firefox ie div javascript 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/netingcn/article/details/2585504
本文探讨了在Internet Explorer和Firefox等不同浏览器中使用JavaScript进行DOM操作时遇到的兼容性问题，并提供了解决方案，强调了遵循标准写法的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 IE中这么写 divObj.style.top  = 100;是可以达到调整div位置的目的，

但是firefox则不行 ，如果这么写divObj.style.top  = 100px; (增加了一个px)这样就都可以了。

造成这样的原因可能就是firefox比ie更严格吧。

曾经碰到用javascript来操作dom的情况，取一个dom数组的时，在ie中用 aa(i) 或 aa[i]都行，firefox中则不行，所以为了使自己代码更大程度的兼容浏览器，所以建议要使用规范的写法！

css中left属性,CSS left属性用法及代码示例
weixin_30300857的博客
08-03 5312
CSS中的left属性用于指定定位元素的水平位置。它对未定位的元素没有影响。注意：如果position属性是绝对或固定的，则left属性指定元素左边与其包含块的左边之间的距离。如果position属性是相对的，则left属性指定元素左边从其正常位置向右移动的距离。如果position属性是粘滞性，则left属性的行为就像当元素在视口内部时它的位置是相对的，而当它在视口外部时一样。如果positio...
DIV的属性
weixin_30314813的博客
05-13 2170
一、常用属性 1、Height:设置DIV的高度；Width:设置DIV的宽度。 2、margin:用于设置DIV的外延边距，也就是到父容器的距离。margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；margin: [top][right][bottom][left] 可以分别设置：margin-left:到父容器左边框的距离；margin-right:到父容器右边框的距...
IE9下，原生JS设置元素left和top属性为数值不生效
weixin_33725807的博客
04-13 935
为什么80%的码农都做不了架构师？>>> ...
DIV绝对定位 position、z-index、top、right、bottom和left属性
java开发指南博客 【转载】
03-21 503
转载自： http://wujt.iteye.com/blog/1181558 一、Position 1、语法：position:static/ absolute / fixed / relative 2、参数： （1）static：默认值，无特殊定位，对象遵循HTML定位规则。 （2）absolute：将对象从文档流中拖出，使用left，right，top，bottom等属性相...
style.left在IE的FF中注意
ikmb的专栏
02-19 1553
IE:document.getElementById("jqContextMenu").style.left = event.clientX;document.getElementById("jqContextMenu").style.top = event.clientY;IE和FF兼容：document.getElementById("jqContextMenu").style.left
IE6下left绝对定位诡异错误
小荷才露尖尖角
04-29 177
      今天开发自己的一个小网站时出现一个诡异的错误：目标div明明设置了“position:absolute;left:0"的css样式，但是页面在IE6下显示出来，该div莫名的向右偏移了n多px，败家IE6没有办法监测dom，所以我只能猜。这个瞎猫碰死耗子的过程我就不描述了，只说结果：         原因：绝对定位的div的外部父div因为没有设置高度，在IE6下默认成0，且不会因...
关于在firefox和IE上设置div层位置坐标的方法
lonllua的专栏
09-24 644
问题描述：在一个table里面，当鼠标放上其中内容的时候，显示其中一列所有标签里面的值，其实效果跟title差不多，但是显示的信息是要通过java函数获取的一个对象的属性，title不是很方便（用title的话也可以显示信息，但是只是一行，当文本太长的时候很不美观）。决定在里面加一个onmouseover解决，这样的话还可以设置下显示信息文本框的其他属性。当然如果有朋友觉得title也能解决问题的
div中子div在firefox ie 水平居中对齐
12-12
在本例中，我们讨论的是如何使一个内嵌的`<div>`元素在它的父`<div>`中水平居中对齐，同时兼容Firefox和Internet Explorer（IE）浏览器。这个问题涉及到CSS的布局特性，主要包括`text-align`属性和自动外边距（`...
FireFox浏览器和IE浏览器下CSS兼容问题
09-27
- 在Firefox中，设置`div`的`margin-left`和`margin-right`为`auto`可以使元素水平居中。但在IE中，通常需要将`body`的`text-align`设置为`center`，然后让`div`的`margin`为`auto`（尤其是左右margin）。 3. **...
IE6，IE7和firefox对DIV的支持区别
10-30
### IE6、IE7 和 Firefox 对 DIV 的支持区别详解 #### 一、引言 随着 Web 技术的发展，浏览器的兼容性问题一直是前端开发者关注的重点。早期的浏览器如 Internet Explorer 6 (IE6)、Internet Explorer 7 (IE7) 与 ...
IE与FireFox的兼容性问题分析
10-30
### IE与Firefox的兼容性问题分析 在网页开发过程中，浏览器兼容性问题一直是开发者们头疼的问题之一。不同的浏览器对Web标准的支持程度不一，导致同样的代码在不同浏览器中可能呈现出不同的效果。本文将针对...
如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
12-13
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 ...
IE和ff 对margin-left 和margin-right的兼容解决办法
专业网站信息采集
04-23 3989
今天写了一个header文件，使用margin：0 auto 时，用ff浏览是居中显示，但是使用ie时却不行 网上查的资料其实是没有做DOCTYPE声明  加上：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  然后用ie浏览时，能够居中显示。 什么是DOCTYPE声明。DOCTYPE是document type(文档类型)的
CSS 中已设置的left属性清除
wolf
05-28 1万+
今天遇见这个问题，设置postion left=0，现在想改成right=0,但是样式覆盖不了，同时设置貌似left起作用。CSS 中现在有一个叫做 unset 的关键字，使用可以重置属性值...
IE 与 Firefox 兼容问题
服务好姐qa
03-06 596
Javascript中的常见问题  1. 集合类对象问题  现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。  解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为  Js代码   document.forms["formName"];   //又如：   document.g
float:left却不在最左边的原因之一
热门推荐
我的笔记
03-10 1万+
float:left; float:left; 测试代码 显示效果,可以看到红色框不在最左边,在某些情况下,如果看不见第一个float话,就会很郁闷,float第二个不在最左.解决float问题得找与它最近的,有没有另一个的高度超过了顶边
JS: style.top style.left 在IE和FireFox的区别
你若强大，来者不怕
06-25 2746
ie6-ie8可使用可以直接用obj.style.top=100; 但在FireFox和ie9中必须加上单位，变成obj.style.top=100+'px'; style.left同理。        浏览器的判断：window.navigator.userAgent.indexOf("IE") == -1 // 非IE浏览器  FireFox,Chrome        FireF
ie下 margin-left失效
weixin_30527323的博客
01-06 327
详见 斯芬克斯之迷——ie私有属性haslayout的困扰 原因：haslayout 解决方案：可以消除触发子级元素的haslayout来解决失效，也可以给父级元素触发haslyout来解决这个问题：在父级div上加上样式zoom:1 项目：春运专题 转载于:https://www.cnblogs.com/momofan/archive/2013/01/06/2848128.html...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值