<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style>
div#selected {
position: absolute;
border: 2px solid black;
display: block;
margin: 0px;
padding: 0px;
display: block;
top: -100000px;
}
div#selected .innerContainer {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
div#image {
border: 1px solid white;
position: absolute;
bottom: -3px;
right: -3px;
color: black;
width: 2px;
height: 2px;
background-color: black;
margin: 0px;
padding: 0px;
font-size:1px;
}
</style>
</head>
<body>
<div id="selected" class="selected" style="left: 106px; top: 58px; width: 79px; height: 18px; display: block;">
<div class="innerContainer" style="height: 18px;"></div>
<div id="image" class="image"></div>
</div>
</body>
</html>
，当父div的宽度为偶数时，它包含的子div进行相对定位是正确的，但是如果为奇数，则显示错误
分享到：
相关推荐
* html, * html body { /* IE6 bug */ background-image: url(about:blank); background-attachment: fixed; } * html .fixed-top { /* IE6 top */ position: absolute; bottom: auto; top: expression(eval...
**问题描述**：在IE6下，如果为浮动容器定义了`margin-left`或`margin-right`属性，则实际的效果将是定义值的两倍。 **解决方案**：可以通过给浮动容器定义`display:inline`来解决此问题。 ##### 5. Mirror Margin...
标题中的“margin值在IE6变成双倍”指的是在Internet Explorer 6（简称IE6）浏览器中，当设置元素的外边距(margin)时，可能会遇到一个知名的兼容性问题，即所谓的“双边距问题”（Double Margin Bug）。这个问题主要...
- **问题描述**：在IE6中，如果给浮动的容器定义了`margin-left`或`margin-right`，那么实际的边距将是定义值的两倍。 - **解决办法**：为了解决这个问题，可以将浮动的容器的`display`属性设置为`inline`。 ##### ...
IE6作为一款老旧的浏览器，以其众多的兼容性问题而闻名，其中关于CSS布局的bug尤其令人头疼。本知识点将详细介绍IE6中一个特定的CSS布局bug：当外部容器使用相对定位且其宽度或高度为奇数时，内部绝对定位元素的布局...
首先，针对IE6的“振动bug”，在CSS中添加如下代码： ```css /* 修正IE6振动bug */ html,* html body { background-image:url(about:blank); background-attachment:fixed; } ``` 这里的 `* html body` 选择器是 ...
在JavaScript和网页设计领域，IE6（Internet Explorer 6）是一个知名的挑战，特别是在处理CSS样式时。`position:fixed`是CSS中一个重要的属性，它允许元素相对于浏览器窗口定位，即使在滚动页面时也始终保持其位置。...
IE双倍Margin Bug - **问题描述**：在Internet Explorer中，当元素设置了浮动属性，并且在同一侧设置了一个margin值时，该margin会被加倍计算。 - **修正方法**：可以通过添加`display:inline`或`display:inline-...
Firefox对`padding`属性的处理方式与IE不同，支持多值设定，如`padding: 5px 4px 3px 1px`，分别对应`top`、`right`、`bottom`、`left`。 ### 4. 列表元素样式 对于`ul`和`ol`列表元素，清除默认样式（如`list-...
这个问题是由于IE6对列表项和内联元素的渲染方式存在一个已知的bug。在其他现代浏览器中，这个bug通常不会出现，但在IE6中，它会导致布局出现不一致的情况，影响用户体验。以下是对四种解决方法的详细说明： **方法...
- **IE** 存在 Select 控件永远处于最上层的 bug，并且所有 CSS 对 Select 控件都不起作用。 #### 十三、Label 标签的支持 - **IE** 支持 Form 中的 Label 标签，包括图片和文字内容；**Firefox** 不支持包含图片的...
当外层元素包含浮动元素时，IE6可能会自动生成`margin-bottom`。通过在外层元素上设置`border`或`float`属性可以解决此问题。 7. **吞吃现象**： IE6有时会将上方元素的背景颜色“吞掉”，应用到下方元素上。解决...
IE 对 Select 控件有一些已知的 Bug，需要特别注意其兼容性处理。 #### 12. 表单 Label 标签的兼容性 在处理表单中的 Label 标签时，IE 和 Firefox 的支持程度不同。IE 支持通过 Label 控件关联文本和图像内容，而...
- IE存在一个bug，即Select控件永远处于最上层，且所有CSS对Select控件不起作用。 9. **Form中的Label标签** - IE支持Form中的Label标签，包括图片和文字内容。 - FireFox不支持包含图片的Label，点击图片不会...
当外层元素包含浮动元素时，IE6 会自动生成与 `margin-top` 相同的 `margin-bottom`。解决办法是对外层元素设定 `border` 或 `float`。 6. **背景吞吃现象**： IE6 中，如果一个元素的背景色或图片被另一个没有...
在IE6这个古老的浏览器中，由于其对CSS标准解析的不完全性和一些特有bug，开发者经常会在布局时遇到各种问题，其中最常见的一种就是图片下方出现不必要的空隙。这个问题通常会影响到网页的视觉效果和整体布局，使得...