gpt4 book ai didi

html - IE7 中奇怪的布局行为(滚动条出现在它不应该出现的地方)

转载 作者:行者123 更新时间:2023-11-27 22:48:57 25 4
gpt4 key购买 nike

这是代码:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
html, body
{
margin: 0px;
padding: 0px;
}
#pageContainer {
min-width: 100%;
float: left;
background-color: red;
}
#leftColumn {
float: left;
background-color: lime;
}
#rightColumn {
position: relative;
}
</style>
</head>
<body>
<div id="pageContainer">
<div id="leftColumn">Left column</div>
<div id="rightColumn">Right column</div>
</div>
</body>
</html>

在 IE8/Opera/FF 上一切正常。如果我使用 IE8 并打开 IE7 模式(符合标准),突然出现一个水平滚动条。可疑的是它和左边的柱子一样大。有什么想法吗?!

Example

最佳答案

两种解决方案。在右栏中,要么:

  • 如果不需要,请删除 position: relative
  • 或者,保留它并添加 zoom: 1

这都是关于 hasLayout 的.

关于html - IE7 中奇怪的布局行为(滚动条出现在它不应该出现的地方),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5273620/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com