IE6里的元素间的距离变大是怎么回事？

最新推荐文章于 2022-04-02 14:48:18 发布
最新推荐文章于 2022-04-02 14:48:18 发布
阅读量42 收藏
点赞数
原文链接：http://www.cnblogs.com/ruiruizhang/archive/2010/01/16/1649032.html
版权
IE经典Bug之双倍边距
这个bug非常常见，希望大家记住，如果发现IE6里的某个距离变大，首先考虑是否是双倍边距问题。IE6双倍边距即IE6下的margin值

翻倍，假如设置的属性是margin-left:20px,那么在ie6中的效果就是margin-left:40px。

解决办法
将div的display设置为inline

总结：
出现条件：
1、存在于父元素与子元素之间
2、子元素同时设置了浮动和外边距属性
3、并且浮动方向与外边距方向一致（如:同时设置了margin-left和float:left）

满足以上条件后，就会出现此bug。 

存在此bug的浏览器：IE6

转载于:https://www.cnblogs.com/ruiruizhang/archive/2010/01/16/1649032.html

weixin_30700977
关注
js 获取元素位置和大小_js 位置_Js宽度高度（详解）
天马3798
12-10 3662
如obj.style.top、obj.style.wdith等，在读的时候，他们返回的值常常是带有单位的(如px)，同时，对于这种方式，它只能够获取到该元素的行内样式，而并不能获取到该元素最终计算好的样式，这就是在读取属性值得时候和以上只读属性的区别，要获取计算好的样式，请使用obj.currentstyle（IE）和getComputedStyle(IE之外的浏览器)。该属性指的是当元素其中的内容超出其宽高的时候，元素被卷起的高度和宽度，即滚动条宽高度。
vue动态获取元素距离页面顶部的高度_如何获取元素距离页面顶部的高度？
weixin_39578457的博客
12-31 3502
展开全部页面元素距离浏览器工作区顶端的距离 = 元素距离文档顶端偏移值32313133353236313431303231363533e4b893e5b19e31333365633939 - 网页被卷起来的高度即：页面元素距离浏览器工作区顶端的距离 = DOM元素对象.offsetTop -document.documentElement.scrollTop介绍几个属性：(暂时只测了I...
vue 获取元素到页面顶部的距离_Vue获取页面元素的相对位置
热门推荐
weixin_34620163的博客
02-11 1万+
今天在开发源码栏目，发现有一处需要获取元素的相对位置高度，发现getBoundingClientRect有一个问题，它是用于获取某个元素相对于视窗的位置集合，达不到我想要的要求，如是看到阮老师写的一篇文章，关于用Javascript获取页面元素的位置，很好解决了我的问题，我也扩展关于其它方法发现问题当我滚动到元素的位置时候，我想把元素固定在头部// html 结构首页推荐最新发布复制代码expor...
vue 获取元素到页面顶部的距离_如何获取元素距离页面顶部的高度
weixin_39622901的博客
12-20 8352
展开全部页面元素距离浏览器工作区顶端的距离 = 元素距离文档顶636f70793231313335323631343130323136353331333365646262端偏移值 - 网页被卷起来的高度即：页面元素距离浏览器工作区顶端的距离 = DOM元素对象.offsetTop -document.documentElement.scrollTop介绍几个属性：(暂时只测了IE和fi...
鼠标事件中的各种距离和元素的各种宽高
liangtaox8的博客
11-15 1119
元素属性中的各种“距离” 元素属性中的距离有以下6对： scrollLeft: 设置或获取位于对象左边界和窗口中可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离offsetHeight: 获得对象的可视区域的高度，包括边框offsetWidth: 获得对象的可视区域的宽度，包括边框 clientHeight: 获得对象边框内部分的高度cli...
获取当前元素距离顶部的距离的方法
Cool_so_cool的博客
04-02 3423
getClientRects 和 getBoundingClientRect 区别 getBoundingClientRect: DOMRect 返回元素的大小及其相对于视口左上角的位置 getClientRects： DOMRectList 块级元素直接返回盒子模型的矩形范围。 行内元素会产生自动换行这类看似分割整体的歧义，所以，会把行内元素（inline）根据它换行划分成多个盒子边界矩形（返回多个DOMRect）。这是有时候同一个元素会返回多个DOMRect原因 同一个元素两个方法返回值比较
ie自带css定位,CSS实现元素相对于浏览器窗口进行定位_css
weixin_35997999的博客
08-03 1895
文章简介：css实现相对浏览器窗口定位彻底研究.Web Developer / Designer 经常需要将一个元素“固定”在页面的某个位置。例如弹出窗口、漂浮广告位等……本文将详细介绍简单CSS实现元素相对于浏览器窗口进行定位的方法。position:fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性...
怎么计算元素到浏览器视口顶部的距离
前端阿玉博客
02-11 855
let sum = 0 let ele = xxx; // 要求距离的元素 while(ele.offsetParent) { sum += ele.offsetTop; // 统计当前到其有定位元素的距离 ele = ele.offsetParent; // 将父设为当前继续求距离 } // 输出到视口顶部距离 console.log(sum) ...
调整html元素大小 resize
hfhan的博客
02-01 1万+
1、使用css属性：resize div{ resize: both;} resize 属性规定是否可由用户调整元素的尺寸。 取值： none：默认，用户无法调整元素的尺寸。 Both：用户可调整元素的高度和宽度。 Horizontal：用户可调整元素的宽度。 Vertical：用户可调整元素的高度。 缺点：不支持ie！仅Firefox 4+、Chrome 以及 Safari 支持
js里取容器大小、定位、距离等属性搜集整理
10-26
在IE中，如果元素的`position`属性设置为`relative`，则返回的是相对于窗口的距离。 - `element.offsetTop`：类似于`offsetLeft`，返回元素相对于其最近的非static定位的祖先元素的顶部距离。在IE中，同样考虑了`...
获取元素距离浏览器周边的位置的方法getBoundingClientRect
09-08
在JavaScript中，`getBoundingClientRect()` 是一个非常实用的DOM元素方法，它允许开发者获取到一个元素相对于视口（浏览器窗口）的几何信息，包括元素的顶部、底部、左侧和右侧距离浏览器边缘的具体数值。...
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft （For:IE5＋ FF1 ）[
12-02
offsetTop和offsetLeft 这两个属性,IE 、Opera和Firefox对它俩的解释存在差异： IE5.0+ 、Opera8.0+：　offsetTop和offsetLeft 都是相对父级元素 Firefox1.06： offsetTop和offsetLeft 都是相对于body元素 ...
JS实现设置ff与ie元素绝对位置的方法
10-22
本文将详细解释如何使用JavaScript为特定的元素设置绝对位置，并且会特别考虑到不同浏览器（如Firefox，简称“ff”和Internet Explorer，简称“ie”）之间的兼容性问题。 首先，我们来介绍基本的概念和操作。在Web...
IE Bug--浮动对象外补丁的双倍距离的解决方法
10-31
在某些版本的IE浏览器中，当一个元素设置了`float`属性并拥有`margin`时，该元素与外部容器之间的距离可能会出现异常——表现为该元素与外部容器边缘的距离为预期距离的两倍。这一现象通常被称为“IE的双倍浮动边距...
基于Vue的老年人健康管理平台设计源码
09-24
该项目是基于Vue的老年人健康管理平台设计源码，共计136个文件，其中包括50个JavaScript文件、17个Python源文件、14个Python字节码文件、11个SVG图像文件、8个Markdown文档、5个XML文件、5个JSON配置文件、5个PNG图片文件、5个Vue组件文件以及2个Git忽略文件，实现了前端界面与后端逻辑的完整构建。
基于Vue.js的麻将计分系统设计源码
最新发布
09-24
该项目是基于Vue.js的麻将计分系统设计源码，共包含61个文件，涵盖28个JavaScript文件、6个map文件、5个CSS样式文件、5个SVG图形文件、4个HTML页面、3个JSON配置文件、2个Vue组件文件、1个开发环境配置文件、1个生产环境配置文件、1个Git忽略文件。项目前端采用Vue框架开发，后端代码尚未开源。
Bulk Rename Utility(批量改名) v4.0.0 一款功能强大的批量文件重命名工具.rar
09-24
Bulk Rename utility(文件重命名软件)是一款简便实用的批量文件重命名工具。怎么快速多个文件改名？Bulk Rename utility(文件重命名软件)轻松帮助用户批量修改文件名。该软件具有灵活规则的自动编号文件，而且还能够根据多个灵活的标准快速重命名多个文件。 激活信息（大飞哥软件自习室）在压缩包文档内 软件特色 1、快速重命名多个文件，根据许多灵活的标准。 2、多功能的重命名方式：添加，替换文件名中插入文本。转换的情况下，添加号码。删除或更改文件扩展名。 3、在文件重命名前可以即时预览。 4、重命名的照片EXIF元数据(即“拍摄日期”，“分辨率”等信息嵌入在所有JPG图片文件)重命名你的照片文件名从一个毫无意义的dsc1790.jpg到一个新的文件名。 5、重命名MP3文件的ID3标签(又名MP3 ID3标签重命名)。 6、更改文件的创建日期和修改时间等。
geopandas安装包(pip install)_geopandas-0.14.1.tar.zip
09-24
在使用Python来安装geopandas包时，由于geopandas依赖于几个其他的Python库（如GDAL, Fiona, Pyproj, Shapely等），因此安装过程可能需要一些额外的步骤。以下是一个基本的安装指南，适用于大多数用户： 使用pip安装 确保Python和pip已安装： 首先，确保你的计算机上已安装了Python和pip。pip是Python的包管理工具，用于安装和管理Python包。 安装依赖库： 由于geopandas依赖于GDAL, Fiona, Pyproj, Shapely等库，你可能需要先安装这些库。通常，你可以通过pip直接安装这些库，但有时候可能需要从其他源下载预编译的二进制包（wheel文件），特别是GDAL和Fiona，因为它们可能包含一些系统级的依赖。 bash pip install GDAL Fiona Pyproj Shapely 注意：在某些系统上，直接使用pip安装GDAL和Fiona可能会遇到问题，因为它们需要编译一些C/C++代码。如果遇到问题，你可以考虑使用conda（一个Python包、依赖和环境管理器）来安装这些库，或者从Unofficial Windows Binaries for Python Extension Packages这样的网站下载预编译的wheel文件。 安装geopandas： 在安装了所有依赖库之后，你可以使用pip来安装geopandas。 bash pip install geopandas 使用conda安装 如果你正在使用conda作为你的Python包管理器，那么安装geopandas和它的依赖可能会更简单一些。 创建一个新的conda环境（可选，但推荐）： bash conda create -n geoenv python=3.x anaconda conda activate geoenv 其中3.x是你希望使用的Python版本。 安装geopandas： 使用conda-forge频道来安装geopandas，因为它提供了许多地理空间相关的包。 bash conda install -c conda-forge geopandas 这条命令会自动安装geopandas及其所有依赖。 注意事项 如果你在安装过程中遇到任何问题，比如编译错误或依赖问题，请检查你的Python版本和pip/conda的版本是否是最新的，或者尝试在不同的环境中安装。 某些库（如GDAL）可能需要额外的系统级依赖，如地理空间库（如PROJ和GEOS）。这些依赖可能需要单独安装，具体取决于你的操作系统。 如果你在Windows上遇到问题，并且pip安装失败，尝试从Unofficial Windows Binaries for Python Extension Packages网站下载相应的wheel文件，并使用pip进行安装。 脚本示例 虽然你的问题主要是关于如何安装geopandas，但如果你想要一个Python脚本来重命名文件夹下的文件，在原始名字前面加上字符串"geopandas"，以下是一个简单的示例： python import os # 指定文件夹路径 folder_path = 'path/to/your/folder' # 遍历文件夹中的文件 for filename in os.listdir(folder_path): # 构造原始文件路径 old_file_path = os.path.join(folder_path, filename) # 构造新文件名 new_filename = 'geopandas_' + filename # 构造新文件路径 new_file_path = os.path.join(folder_path, new_filename) # 重命名文件 os.rename(old_file_path, new_file_path) print(f'Renamed "{filename}" to "{new_filename}"') 请确保将'path/to/your/folder'替换为你想要重命名文件的实际文件夹路径。
解决IE浏览器中margin加倍及浮动元素间距问题
在IE6及以下版本中，当一个`div`元素设置了`float`属性后，其`margin`值会被加倍计算。解决这个问题的方法是在这个`div`内部添加`display:inline`样式。例如： ```html ``` 对应的CSS代码应为： ```css #...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值