1

私は2つの列が触れたいです。余白を削除するにはどうすればよいですか?

私のコード:

    <!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>
4

3 に答える 3

1

YUI (Yahoo UI) を使用していることに注意してください。

YUI の reset.css を探します。ブラウザごとに、マージン、パディング、フォント サイズのデフォルトが異なる可能性があります。すべての Web アプリをそのような reset.css ファイルで開始して、すべてを共通の分母にする必要があります。そうしないと、別のマシン/プラットフォームから表示したときに問題が再び表示されるだけで、問題を「修正」することができます。

うまくいけば、すべてのブロック要素にマージンやパディングがない状態で開始してから、必要な場所にマージンとパディングを追加することができます。

于 2009-03-11T11:20:17.157 に答える
1

右側の列にクラスを追加し、margin-left を 0 に設定します。

それでもうまくいかない場合は、幅を 1 ~ 2% 増やす必要があるかもしれません。firebug を使用して、適用されたスタイルを確認し、その場で変更できます。

于 2008-09-29T14:39:36.423 に答える
0

YUI (Yahoo UI) を使用していることに注意してください。

于 2009-05-23T12:00:03.153 に答える