直接上代码:
<!DOCTYPE html
>
<
html
lang=
"en"
>
<
head
>
<
meta
charset=
"UTF-8"
>
<
meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<
meta
http-equiv=
"X-UA-Compatible"
content=
"ie=edge"
>
<
title
>Document
</
title
>
<
style
>
.left {
float:
left;
width:
200px;
background:
red;
height:
200px;
}
.right {
margin-left:
200px;
height:
200px;
background:
blue;
}
<
/
style
>
</
head
>
<
body
>
<
div
class=
"left"
></
div
>
<
div
class=
"right"
></
div
>
</
body
>
</
html
>
效果图如下:
左边div固定200px,右边div自适应。