Yui，如何删除2列布局的页边距？
时间：2020-03-06 14:52:38 来源:igfitidea点击:
我希望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>
解决方案
将一个类添加到右列，并将margin-left设置为0。
如果这样不起作用，则可能必须将宽度增加1或者2％。我们可以使用Firebug来检查所应用的样式并即时更改它们。
请注意，我们正在使用YUI(雅虎UI)。
查找YUI reset.css。每个浏览器都有不同的边距，填充，字体大小默认值。实际上，我们应该真正用一个reset.css文件启动每个Web应用程序，以使所有内容成为一个共同的分母。否则，我们可能会发现自己"解决"了该问题，仅当从另一台计算机/平台上查看该问题时才再次出现。
希望应该从所有没有边距或者填充的块元素开始，然后我们可以在需要的地方添加边距和填充。
请注意，我们正在使用YUI(雅虎UI)。
