我正在尝试新的HTML5代码。我想做这样的事情：http://www.jsfiddle.net/TYTkZ/
我正在使用此代码：http://www.jsfiddle.net/cysBf/
单击链接时，您会看到不同之处。你能帮助我吗 ？为什么#main和#sidebar部分之间有空格？
页面层次结构是真的吗？
答案 0 :(得分：4)
在您的css中添加此代码：
header,footer,article,section,aside,nav {
display:block;
}
我在jsfiddle中更新了你的代码。
答案 1 :(得分：2)
使用HTML5元素时，请记住在任何CSS等之前包含此文件（，因此head标记的顶部最好）。
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
因为IE 8及以下版本不知道HTML5元素，所以它们不会让你设置样式，这个脚本允许在旧版IE中设置HTML5元素的样式。
修改
我知道这不是他的直接问题，但没有人应该犯这个错误。
答案 2 :(得分：0)
您在#sidebar上使用float:right，因此该元素将一直向右移动。
在#sidebar上尝试float:left，使其在#main元素
忽略300px的宽度，因为section未定义为display:block