0

ページにメニューバーがあり、YUIスタイルを適用していません。その下に、YUIスタイルを使用したい3つのドキュメントセクションがあります。コード例： 

<?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 に答える