HTML5部分不会跨越

时间:2012-03-01 16:49:06

标签: html5

我是HTML5的新手,我不太了解不同元素的目的。我正在尝试使用section作为包装器,我遇到的问题是该部分没有跨越。

您能转到以下网址: [因解决问题而被删除]

我希望该部分跨越整个页面以覆盖整个宽度。但是当我给它100%时,它只是忽略了nav占用的宽度并且向下浮动。有没有办法让截面跨越屏幕中的剩余空间?

非常感谢

2 个答案:

答案 0 :(得分:1)

你似乎已经漂浮了它。摆脱#Maincontainer部分中的float: left规则应该解决它。

答案 1 :(得分:0)

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

我已经使用过这个css代码并且工作正常

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

现在通常如果你没有指定宽度,元素会占用所有可用空间,但在你的情况下,你指定了一个浮动,强制元素在特定区域,删除浮点数将正常工作