問題タブ [yui-pure-css]

私の Web サイトでは、pure.css を使用しており、navbar は、スクロールせずに小さな画面で表示できるよりも多くの要素で構成されています。したがって、その場合はスクロールバーが表示されますが、これは望ましくありません。ナビゲーションバーとコンテンツが同時にスクロールするように、ナビゲーションバーを一番上に置いておきたいと思います。position:absolute; を使用する場合 すべてがさらに悪く見えます。また、そのナビゲーション バーのモバイル バージョンも引き続き動作するはずです (モバイル画面では、ナビゲーション バーは引き続きスクロールできます)。

また、overflow-y を無効にしようとしましたが、明らかに、navbar のすべての要素をクリックできるわけではありません。

現在divの上部にあるdiv内にボタンがあります。iths 親 div 内で垂直方向に中央揃えにしたい。

ボタンのCSSです。

html部分です。

垂直方向の配置を試みましたが、機能しませんでした。

Purecss フレームワークのプロジェクト状況を知っている人はいますか? 彼らのブログと github から、それは死んだプロジェクトのようです。

私はこの方法でスパッシュコンテナを使用しています:

次のCSSを使用：

}

しかし、ここでわかるように、ナビゲーションバーとスプラッシュコンテナの間に小さなスペースがあります:

それを修正する方法はありますか？

2つのこと、

1. メニュー項目内のフォームのネストは、フォーム div からのマウスの移動を再び非表示にすることを除いて機能します。

2. このフォーム メニュー項目は右揃えで、フォームの左端の余白はボタンの左端の余白と揃えられるため、実際のフォームはウィンドウを超えて流れます。

   /li>

編集： jsfiddleはここにあります

2 つの隣接するボックスを含む 1 つの列を持つレスポンシブ グリッドを作成しようとしています。左側に 1/3 列、右側に 2/3 列。http://codepen.io/htmlcheats/pen/OWMobOの codepen の非応答バージョンは次のとおりです。

期待どおりに動作します。それらを一緒につぶしたり伸ばしたりすると、それらは隣接したままになります。

応答バージョンは次のとおりです ( http://codepen.io/htmlcheats/pen/OWMobOの codepen ):

ページを押しつぶしても、それらは互いに重なり合ったままです。私が正しく理解していれば、それらは折りたたまれて、赤いボックスがティールのボックスの上に立つ単一の列を作成するはずです。

私が間違っていることを教えてもらえますか？

Bootstrap 3 では、ここで説明されているように、複数の列を中央に配置する簡単なソリューションがあります: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns

Yahoo pure.CSS でこれを行うことは可能でしょうか? はいの場合、どのように？

あなたの提案のために、事前に多くの感謝を助けてください!