Question

我希望2列接触ie。删除边距，我该怎么做？

我的代码：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>testing</TITLE>
  <!-- css --> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css"> 
<!-- js --> 
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.5.2/build/utilities/utilities.js"></script> 
<style>
.yui-b {
    background-color: #eeeeee;
}


</style>
 </HEAD>

 <BODY>
  <div id="doc3" class="yui-t1"> <!-- change class to change preset --> 
        <div id="hd">header</div> 

        <div id="bd"> 
          <div id="yui-main"> 
         <div class="yui-b">
             bd.main
             </div> 
          </div> 

          <div class="yui-b">bd.other</div>         
        </div> 

        <div id="ft">footer</div> 
    </div> 
 </BODY>
</HTML>

Answer 1

将一个类添加到右列并将margin-left设置为0.

如果这不起作用，您可能需要将宽度增加1或2％。您可以使用firebug检查应用的样式并动态更改它们。

Answer 2

请注意，您正在使用YUI（Yahoo UI）。

寻找YUI reset.css。每个浏览器都有可能不同的边距，填充，字体大小默认值。您应该使用这样的reset.css文件启动每个Web应用程序，以便将所有内容都放在一个共同点上。否则，您可能会发现“修复”此问题，只是在从其他计算机/平台查看时再次出现。

有希望让所有没有边距或填充的块元素开始，然后你可以在你需要的地方添加边距和填充。

Answer 3

请注意，您使用的是YUI（Yahoo UI）。

Yui，如何删除2列布局的边距？

3 个答案: