HTML5のセクションでは、私がHTML5にかなり新しいだと私は非常によく、異なる要素の目的を理解していない

Question

にまたがることはありません。私はセクションをラッパーとして使用しようとしていますが、私は全部ではないセクションの問題を抱えています。

次のWebアドレスにアクセスしてくださいことができます。[原因解決の質問に削除]

を私はセクションでは、全幅をカバーするためにすべての方法のページにまたがるしたいです。しかし、私はそれを100％与えると、それは単純にnavによって占められた幅を無視して浮動小数点になります。セクションを画面の残りのスペースにまたがるようにする方法はありますか？

ありがとうございました

Answer 1

あなたは左に浮かべているようです。セクション＃Maincontainerのfloat: leftルールを削除すると、それを修正する必要があります。

Answer 2

私が正しく理解しているのは、メニューセクションです。現在、パーセントの幅は常にそのコンテナとの相対的なものです。したがって、コンテナの幅が900pxの場合、内側の要素は100％幅私は、このCSSコードを使用しているとあなたが幅を指定いけない場合、それは

section#maincontainer { 
width: " put the value here"; 
} 

をうまく働いた今通常、要素がすべてのスペースが利用可能になりますが、あなたの場合には、あなたがfloatを指定した900px

を持っています浮動小数点数を削除すると、特定の領域に強制的に適用されます。