0

我的页面中有一个菜单栏，我没有为此应用 YUI 样式。在此之下，我想使用 YUI 样式的三个文档部分。示例代码： 

<?php
include("style.html");
?>

<script src="http://yui.yahooapis.com/3.9.0/build/yui/yui-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/grids/grids-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css">

</head>
<body>
<div><h1>HEAD</h1></div>

<div id=top>TOP MENU</div> //top is defined in the included style html file

<div class="yui-gb">
  <div class="yui-u first">BODY PART</div>

.....

我使用 YUI 的部分很好，但 yui 也会影响其他 div 部分。我该如何解决这个问题？谢谢！

4

1 回答 1

1

网格不应该影响其他 div，但您似乎正在加载 reset-fonts-grids，其中的重置部分会影响其他 div。您似乎也正在加载 3.9.0 YUI 但从 2.x (2.9.0) 版本开始的 CSS 我建议避免跨越该障碍，除非您真的知道为什么要这样做。

3.9.0 也有重置、字体和网格 CSS 文件。在使用 3.9.0 版本的情况下，您可以使用上下文重置类来约束它所针对的页面部分。为此，您需要加载“cssreset-context/cssreset-context-min.css”，然后将“yui3-cssreset”类添加到要重置的容器中。这记录在这里：

http://yuilibrary.com/yui/docs/cssreset/#context

于 2013-03-21T12:06:49.573 回答