header是块元素为什么作为块元素的section的内容会飘到header里面，下面的f
.content{
width:900px;
background:#888;
font-family:Geneva,Arial,Helvetica,sans-serif;
border:5px #fff solid;
margin:0 auto;
text-align:center;
}
header{
width:100%;
height:80px;
font-size:72px;
background-color:#F47D31;
}
nav {
float:left;
width:25%;
}
nav h3 {
font-size:18px;
}
artical{
width:50%;float:left;
}
section{
width:100%;
}
aside{
width:25%;
float:right;
}
footer{
height:50px;
font-size:18px;
background-color:#F47D31;
}
Header
link1
<hr/>
link2
<hr/>
link3
<hr/>
Artical Header
Lorem ipsum dolor HTML5 nunc aut nunquam sit amet, consectetur adipiscing elit. Vivamus at est eros, vel fringilla urna.
Per inceptos himenaeos. Quisque feugiat, justo at vehicula pellentesque, turpis lorem dictum nunc.
Artical Footer
Artical Header
HTML5: "Lorem ipsum dolor nunc aut nunquam sit amet, consectetur adipiscing elit. Vivamus at est eros, vel fringilla urna. Pellentesque odio
Artical Footer
Aside
HTML5: "Lorem ipsum dolor nunc aut nunquam sit amet, consectetur adipiscing elit. Vivamus at est eros, vel fringilla urna. Pellentesque odio rhoncus</p></p>
Footer |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
呃。。。你为什么要用text文本复制这代码呢- =，我们看着多累啊，那里不是有代码语言编辑的么~
简单一句话，section没有清除浮动~
PS：看的我好累。。。 |
|
|
|
|
|
|
|
|
上面是你的代码
用clear：both应该如下这么写： |
|
|
|
|
|
|
|
|
天盟APP下载
