奇怪的布局行为

这里的德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模式（符合标准），突然出现一个水平滚动条。可疑的是它和左栏一样大。有任何想法吗？！

Example

来源

2011-03-11 Vilx-

它发生在这个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

两个解决方案。在右列中，有：

如果您不需要它，请移除position: relative。
或者，保持并添加zoom: 1。

这全是关于hasLayout。

来源

2011-03-11 13:48:03 thirtydot

谢谢，缩放：1修正了它！我确实需要相对的位置。 – 2011-03-11 13:57:10

奇怪的布局行为

回答

相关问题