`
DBear
  • 浏览: 228609 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

IE6下left绝对定位诡异错误

CSS 
阅读更多

      今天开发自己的一个小网站时出现一个诡异的错误:目标div明明设置了“position:absolute;left:0"的css样式,但是页面在IE6下显示出来,该div莫名的向右偏移了n多px,败家IE6没有办法监测dom,所以我只能猜。这个瞎猫碰死耗子的过程我就不描述了,只说结果:

 

      原因:绝对定位的div的外部父div因为没有设置高度,在IE6下默认成0,且不会因为内容而撑开,所以子div并没有被添加到父div中(因为没高度,所以没地方。。。)。这样就诡异的被挤出到了右侧。

 

      解决:为父div设置一个足够装下子div的高度,我是用js控制的。

 

 

 

      改进:我相信一定有改进方法,我的方法有点不专业了,清醒了以后再想。

分享到:
评论

相关推荐

    css margin-left在IE6下的问题的解决方法

    比如原来是margin-left:20px,经过ie6的解释会变成40px 解决办法是在原来的margin-left后再加上一个_margin-left:10px,变成margin-left:20px;_margin-left:10px 后者的样式将只适用于ie6 问题解决

    HTML5&CSS3网页制作:相对定位.pptx

    实战:对“相对定位2”设置left: 150px ; top: 50px; top:50px left:150px 定位前 定位后 总结 02 熟知元素的相对定位是相对于自身原来的位置进行一定量的偏移 熟知掌握相对定位的语法格式能熟练运用 总结 THANK

    CSS网页布局教程:绝对定位和相对定位

    本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性(偏移属性)和Margin属性(外边距)对定位块级元素进行布局的方法。 CSS网页布局教程:...

    IE6特有bug兼容性问题整理

    其结果是无论IE6还是火狐浏览器下,背景图片都是固定的死死的,不错。但是,一旦html标签带着background属性参合进来,事情就要发生转变了。问题代码: html{background:white;} body{background:url(../image/404....

    css 中的定位详解

    一旦父元素有了定位,就可以为绝对定位的元素设置 top(或bottom)和 right(或left)等属性的值(没有同时使用 right 和 left,以及 top 和 bottom,是因为这些坐标可以相互计算出来,没有必要那么啰嗦)。 记住,(X)...

    Linux中出现“No space left on device”错误的排查与解决方法

    最近这两天登陆服务器,发现用 wget 下载文件的时候提示“No space left on device”,而且连使用 tab 键进行补全时也会提示该错误。 之前遇到过一次这种问题,是由于磁盘空间被占满了,导致无法创建新文件。正常...

    CSS绝对定位元素left设为50%实现水平居中

    绝对定位的元素left设为50%时,是已左上角为原点的,所以只要再使用margin属性添加负值补偿回来即可。示例: [css] 复制代码代码如下: #board{ width:60%; padding:3%; background:#09F; position:absolute; top:0...

    css教程之绝对定位使用详解

    那么绝对定位绝对是快刀斩乱麻,因为绝对定位可以使一个对象脱离正常的文档流,好像是漂浮在正常文档流的上空,并相对于包含此对象的元素进行定位,当然这个定位相对元素在不同的情况下也有所不同。 二.如何将一个...

    css定位学习小结.md

    属性:position 作用:检索或者设置元素的定位方式(改变元素位置的属性) ... b : 假如 当前没有父元素 或者 父元素没有定位的情况下,以整个文档为参照物。 c : 绝对定位,脱离文档流、不占据空间

    js精确定位HTML标签的TOP和LEFT值

    js精确定位 一个HTML 标签的 TOP 和 LEFT值

    IE6 float:left margin-left出现两倍像素

    在IE6下(标准模式/怪异模式) 一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px。 例: 复制代码代码如下: <!DOCTYPE HTML> <html> <head> <...

    css 相对定位 绝对定位 浮动 分析

    CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。 如果将 top 设置为 20px,...

    Ubuntu 18 Docker run出现no space left on device错误的解决.rar

    Ubuntu 18 Docker run出现no space left on device错误的解决.rar

    img图片在ie下有有空隙

    昨天遇到img图片在ie下有有空隙 其他的浏览器都好好,就是ie中出现 老纠结的,检查的好一会 发现img中只清除border 在线效果DEMO 仅IE看哦 亲爱的朋友,你晓得如何解决吗? 一般有两个方法 1,img{float:left} 2,img...

    详解微信小程序 相对定位和绝对定位

    详解微信小程序 相对定位和绝对定位 相对定位:元素是相对自身进行定位,参照物是自己。 绝对定位:元素是相对离它最近的一个已定位的父级元素进行定位 相对定位:  position:relative; /*启用相对定位*/  ...

    css position 设置元素的定位方式详解

    1、定位元素(positioned element)是计算后位置属性分为: relative(相对)、absolute(绝对) 、 fixed(固定) 或 sticky (粘性)的元素。 2、top 、right、bottom、left属性指定定位元素的位置。 3、Z-index ...

    CSS教程:position 绝对定位的问题

    到网上查了下,发现了这么一句话:absolute 脱离文档流,通过 top,bottom,left,right 定位,选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行...

    IE6下兼容性常见的几个问题与解决方法

    这篇文章给大家分享了多个关于IE6下兼容性的常见问题,有需要的朋友们下面来一起学习学习吧。 常见问题一:在Ie6下,内容会把父元素设置好的宽高撑开。计算一定要精确 .box{width:400px;} .left{width:200px;height:...

Global site tag (gtag.js) - Google Analytics