html - 在 IE 中制作 3 个 div（左、中、右）

Question

我有 3 个 div 在 chrome firefox 中正确显示，但是在 IE 中，它们的显示方式不同......

我想显示这样的东西

但是，在 IE7、IE8、IE9 中，我得到：

我将代码添加到 jsfiddle 并在 IE 上运行，似乎没问题，但在服务器中显示如上图所示......

可能有什么问题，IE 中是否缺少一行代码？

请看看我的小提琴 http://jsfiddle.net/QcayB/2/

这是html

<div id="wrapper">
         <div id="header">
             <img src="http://www.astrosurf.com/re/tse_20060329_earthshine.jpg" width="500" height="478" alt=""/>
         <h1>           </h1>
         </div>

         <div id="main">

          <div id="col_izq">
            <p>
            </p><div id="usa">      
        <a id="usajq" href="#"><span class="textots">left</span></a>
        <a id="usajql" href="#"><span class="textotsl">left</span></a>
        </div>
          <p></p>
                    </div>
          <div id="col_medio">

          </div>

          <div id="col_der">
            <p>
            </p><div id="mexico">       
        <a id="usajq" href=""><span class="textotst">right</span></a>
        <a id="usajql" href=""><span class="textotslt">right</span></a>

        </div>
          <p></p>
              </div>
    </div>


   </div>

Answer 1

您的页面上可能有类似的内容？

<meta http-equiv="X-UA-Compatible" content="IE=7">

您的服务器也可能在响应标头中发送 X-UA-Compatible。