奇怪的布局行为
问题描述:
这里的德codez:奇怪的布局行为
<!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 /歌剧/ FF一切都看起来不错。如果我采用IE8并打开IE7模式(符合标准),突然出现一个水平滚动条。可疑的是它和左栏一样大。有任何想法吗?!
答
+0
谢谢,缩放:1修正了它!我确实需要相对的位置。 – 2011-03-11 13:57:10
它发生在这个http://jsfiddle.net/pexZm/为你吗? – JamesHalsall 2011-03-11 13:42:52
+1,以获得正确的测试用例。 – thirtydot 2011-03-11 13:44:44
@Jaitsu - 是的,它的确如此。 – 2011-03-11 13:45:25