によって設定された動作を削除し、pure-menu-has-children画面サイズがカーテン ポイントを下回ったとき。pure-menu-childrenpure-menu-allow-hover

次のコードでそれらをリセットしようとしましたが、部分的に機能しますが、サブメニューにカーソルを合わせると、メニューが再び折りたたまれます。

フルページ モードで表示し、ブラウザを小さくします。

更新しました

今それは動作します

PureCSSを使用して、レスポンシブな水平から垂直へのメニューの例を自分のニーズに合わせて変更しようとしています。

水平ナビゲーションを 2 行に分割したいのですが、このStackoverflow answerで説明されているように、css3 列を使用しようとして失敗しました。

どうすればこれを解決できますか？たぶん、PureCSS が設定したものをオーバーライドする必要がありますか?

このプランカーを参照してください。幅が 1024px 未満の場合、水平ナビゲーションは非表示になるため、(水平) ナビゲーションが表示されるように幅を広げてください (小さいサイズの垂直ナビゲーションもありますが、これは興味深いものではありません)。

関連する (自作の) CSS は次のとおりです。

HTML:

私は純粋な cssの初心者です。それは素晴らしくて簡単です!

私のHTML：

私のCSS：

class の緑の div を見てください.left-in-header。親の左側に置きたいです! (そのサイズはpure-u-3-8)。 (私のウェブサイトの言語はペルシア語で、ペルシア語は右から左、私の方向は rtl です)

そして、純粋なクラスでdivを親の中心に置く方法は?

Web アプリで PureCSS フォームを使用しようとしていますが、ページのリロードを停止している間、気の利いたフォーム検証を保持する方法がわかりません。

を使用してページのリロードを停止できることを知っていますonsubmit="return false;"

次に、AJAX を使用してフォーム データを投稿できますonClick="PostSettings();"。PostSettings() は、AJAX 要求を含む JavaScript 関数です。event.preventDefault();リロードを停止するには、その関数の先頭にも含める必要があります。

残念ながら、リロードを停止するこれらの手順は、組み込みの優れた PureCSS 検証も停止します。

ページのリロードをトリガーせずにそれを保持する方法はありますか、それとも JavaScript で独自の検証を行う必要がありますか?

参考までに、ここにhtmlがあります：

Pure.css (purecss.io) フレームワークを使用して Web サイトをレイアウトしています。画面の上部にある水平メニューを使用しています。メニュー項目をメニュー見出しと同じ (最初の) 行に配置する方法がわかりません。つまり、HTML では:

私は標準の pure.css ファイルを使用していますが、問題は ul タグの使用に関係しているのか、デフォルトの純粋なレイアウトがメニュー見出しの下の垂直メニューであるためであると思われます。見出しとリストを同じ行に配置できた人はいますか (たとえば、ブートストラップ ヘッダーに従って)?

Pure.css と Pure の grids-responsive.css を使用して、特定の幅よりも小さくなったらグリッド列をボタンに折りたたむ方法はありますか?

また、画面の幅に応じて列 (たとえば、上の左の列) を維持する方法はありますが、画面が非常に広い場合は固定の最大幅に制限されますか?

PureCSS を使用してグリッドを作成しようとしていますが、理解できない動作を発見しました。グリッドの左側がページの 1/3 を占め、右側が残りの 2/3 を占めるようにします。

CSSは次のとおりです。

Blink を使用する Chrome では、このページは期待どおりにレンダリングされます。しかし、Gecko ベースの Firefox では、左の 1 ～ 3 div が右の 2 ～ 3 div の上にスタックされます。以前は、このような問題は div の末尾にスペースがあることが原因でした。ただし、コードを確認したところ、余分なスペースはありません。display:blockこれらのレンダリングエンジンの処理方法と異なる方法についてどこかで読んだdisplay:inline-blockので、それが関係しているのかもしれません。しかし、PureCSS が Yahoo によって開発された場合、レンダリング エンジンの違いをフレームワークに組み込んで、これが起こらないようにしたと思います。