Html IE6中的绝对定位,使用左:0;右:0;同时

Html IE6中的绝对定位,使用左:0;右:0;同时,html,css,internet-explorer-6,Html,Css,Internet Explorer 6,这是我的网站: 在任何好的浏览器中查看,然后在IE6中查看。它在IE6中死亡。在IE6中,似乎无法做到这一点: div { position: absolute; left: 0px; right: 0px; } 或者这个: div { position: absolute; top: 0px; bottom: 0px; } 不能同时为左侧和右侧或顶部和底部设置绝对位置。 这很糟糕,因为这几乎是我网站设计的基础。 可以在站点上查看HTML,CSS位于/style.CSS中。 我希望在不使CS

这是我的网站: 在任何好的浏览器中查看,然后在IE6中查看。它在IE6中死亡。在IE6中,似乎无法做到这一点:

div {
position: absolute;
left: 0px;
right: 0px;
}
或者这个:

div {
position: absolute;
top: 0px;
bottom: 0px;
}
不能同时为左侧和右侧或顶部和底部设置绝对位置。 这很糟糕,因为这几乎是我网站设计的基础。 可以在站点上查看HTML,CSS位于/style.CSS中。 我希望在不使CSS或HTML失效的情况下修复此问题。这能做到吗


另一个问题是,我的内容使用“最小宽度”和“最大宽度”来避免过度拉伸或压缩内容。IE6不能实现最小宽度,那么我如何复制这种行为呢?

好吧,如果你想解决这个问题,请单独看一下这篇文章的列表,它涉及的正是这个主题(并解释了如何解决这个问题):


但我个人忽略了IE6。

< P>一个解决IE6问题的方法是使用IE6的缺陷,你知道IE6中的宽度=100%也包含填充和边距,所以你应该担心,但是我同意上面的答案,新的浏览器不同时看到这两个,所以你应该考虑放弃其中的一个


至于最小值和最大值,我能做到这一点的唯一方法是使用jquery,您可以始终使用仅在IE上工作的getBoundingClientRect(DOM javascript)来确定高度和宽度,如果您不想在IE6中使用jquery实现100%的宽度,请将以下内容添加到您的代码中:

<!--[if lt IE 7]>
<style type="text/css">
div {
  width:expression(document.body.clientWidth);
}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
div {
  height:expression(document.body.clientHeight);
}
</style>
<![endif]-->

要在IE6中实现100%高度,请将以下内容添加到代码中:

<!--[if lt IE 7]>
<style type="text/css">
div {
  width:expression(document.body.clientWidth);
}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
div {
  height:expression(document.body.clientHeight);
}
</style>
<![endif]-->

如果在整个页面上需要一个div(宽度和高度均为100%),只需将以下两个属性连接起来:

<!--[if lt IE 7]>
<style type="text/css">
div {
  height:expression(document.body.clientHeight);
  width:expression(document.body.clientWidth);
}
</style>
<![endif]-->

此实现的限制是,如果禁用JavaScript,它将无法工作。