HTML5部分不会横跨

Question

我对HTML5相当陌生，我不太了解不同元素的用途。我试图使用部分作为包装，我有问题的部分没有跨越所有的方式。

你能请到以下网址： [删除，由于解决问题]

我要跨越整个页面一路覆盖全宽度的部分。但是当我给它一个100％的时候，它只是无视由导航和浮动的宽度。有没有办法让屏幕上的部分跨越剩余的空间？

非常感谢

Answer 1

您似乎已经漂浮了它。在＃Maincontainer部分中删除float: left规则应该修复它。

Answer 2

如果我正确理解你想跨越的是菜单部分..现在百分比宽度总是相对于它的容器..所以如果容器的宽度是900px那么内部的元素如果有100％的宽度将有900px

我已经使用这个CSS代码，它能正常工作

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

现在通常如果你不指定宽度，元素采用所有可用的空间，但在你的情况下，你已经指定了一个浮动这迫使元素在一个特定的区域，消除浮动将工作正常