/>
<
style
>
body
{
background
:
#e4de82
}
.wrap
{
max-width
:
680px
;
margin
:
0
auto;
background
:
#fff
;
padding
:
10px
}
.header
,
.footer
{
height
:
100px
;
background
:
#a09483
}
.body
{
height
:
400px
;
margin
:
5px
0
;
display
:flex}
.body
.aside
{
float
:left
;
width
:
20%
;
background-color
:pink;
border-right
:solid
5px
#fff
}
.body
.content
{
background
:
#9a97ce
;
width
:
80%
;}
.footer
{
margin
:
0
}
style
>
<
div
class
=
"wrap"
>
<
div
class
=
"header"
>
div
>
<
div
class
=
"body"
>
<
div
class
=
"aside"
>
div
>
<
div
class
=
"content"
>
div
>
div
>
<
div
class
=
"header"
>
div
>
div
>
.
< !- - - - - >