Question

<body>
   <header></header>
   <section>
       <nav>
       <aside>
       <article>
   </section>
   <footer></footer>
</body>

这是我的HTML代码大纲整个代码在这里：http://jsfiddle.net/o3omng/466Gv/

/* semantics */
body { width : 1000px ; /* body 가로폭 1000px */
       margin : 0 auto ; /* body 가운데 정렬  */
       font-family : 'Nanum Gothic', sans-serif ; /* 폰트 나눔고딕 */ }
header, section, nav, footer { display : block ; /*블럭 요소 지정 */ }
aside, article { display : inline-block ; /*인라인-블럭 요소 지정 */ }

这是我的css代码的一部分因为这个css代码，语义标签必须这样放置：

头
导航
除了文章
页脚

但是，如果我运行我的代码，页脚标签就在文章的旁边像这样：

头
导航
除了文章
文章的页脚延伸

你可以在Jsfiddle中看到它我想在整个部分下放置页脚。
我该如何解决？

Answer 1

你将浮动物放在旁边，并且物品已经是内嵌块因为包装它们的部分没有清除内容。

如果你拿走花车并用它调整文章就可以了：

http://jsfiddle.net/466Gv/7/（查看css标签的末尾）

/*  STACK OVERFLOW CHANGES */
.f_left, .f_right{
    float:none; /* because we already have inline-block*/
}
aside, article{
    vertical-align: top; /* to have them aligned nicely*/   
}
article{
    width: 800px; /* fit size, so it doesnt break into the next line */
}
nav{
    margin-bottom: 2em;  /* some breathing room for then nagivation */
}

希望这有帮助。

ps：你不需要在小提琴中加入html和head标签。只有身体上的标记就足够了

css）我想把Footer放在这个部分下面，但它放在旁边，旁边的文章

1 个答案: