html5 向下浮动,html5 css练习浮动布局

浮动布局

头部内容

侧栏导航

主体内容

底部

/*浮动布局*/*{    margin: 0;    padding: 0;}body{    width: 100%;    height: 960px;}header{    height: 5%;    background: rgba(25,25,25,0.25);    }aside{    width: 30%;    height: 90%;    background: orange;    float: left;    border: 1px solid green;    box-sizing:border-box;}section{    width: 70%;    height: 90%;    background: rgba(180,90,45,0.6);    float: left;}footer{    height: 5%;    background: rgba(60,60,60,0.6);    clear: left;}